Modern UI port, render-based @ui tests, dev seed, layer contracts

- Port modern clean theme (DM Sans, orange accent, app-* CSS classes)
  and screen redesigns from festipod-mockups; replace sketchy Ubuntu
  theme. New shared components: BottomNav, EventCover, EventMeetingPoints,
  Toast, AvatarStack, Tag, RelevanceIcon.

- Restructure from prototyping shell to real mobile web app:
  path-based routing (History API), Gallery/DemoMode/PhoneFrame removed,
  Storybook setup for screen/component browsing.

- ConnectScreen ported from mockup (QR-based user connection); routed
  at /profile/connect, wired from FriendsListScreen.

- Dev-only auto-seed of NG wallet when empty
  (gated on NODE_ENV !== 'production'); bootstrapWallet already
  self-checks for non-empty ngSet so safe even in race conditions.

- Render-based @ui test infrastructure: happy-dom + LocalDataProvider +
  RouterProvider via src/shared/test-harness/renderHelper.tsx, exposed
  on the world as renderedDoc. world.hasText/hasField/hasElement prefer
  the rendered DOM and fall back to source for backward compatibility.

- Migrate 25 brittle @ui assertions from regex-on-source to DOM
  queries; delete implementation-detail tests (showDuplicateWarning,
  importableEvents, importedFrom — anti-patterns per the new contract).
  Update feature files where the UI changed: "Mes amis" → "Mon réseau",
  "Mes événements à venir" → "À venir" on home, Thématique removed
  from create-event wizard, etc.

- Path-based @e2e steps (pushState + popstate dispatch) replacing the
  legacy "#/demo/…" hash routing tied to the deleted Gallery.

- Add .project/knowledge/test-layer-contracts.md defining the role of
  each test layer (@ui = display with seed data + DOM, @data = mutations
  through NG broker, @e2e = critical user journeys) with anti-patterns
  and migration consequences.

Test status: 75 passed / 71 skipped (explicit "non implémenté")
/ 2 failed (pre-existing @wip on ngSet.delete() NG ORM limitation).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/app/App.tsx

@@ -1,43 +1,56 @@
-import React from 'react';
 import { RouterProvider, useRouter } from './router';
 import { ThemeProvider } from '../shared/context/ThemeContext';
 import { NextGraphProvider } from '../shared/context/NextGraphContext';
 import { FestipodDataProvider } from '../shared/context/FestipodDataContext';
-import { Gallery } from './components/Gallery';
-import { DemoMode } from './components/DemoMode';
-import { SpecsPage } from './components/specs';
+import { ToastContainer } from '../shared/components/sketchy';
+
+// Auth
+import { WelcomeScreen } from '../modules/auth/screens/WelcomeScreen';
+import { LoginScreen } from '../modules/auth/screens/LoginScreen';
+
+// Home
+import { HomeScreen } from '../modules/home/screens/HomeScreen';
+import { SettingsScreen } from '../modules/home/screens/SettingsScreen';
+
+// Event
+import { EventsScreen } from '../modules/event/screens/EventsScreen';
+import { EventDetailScreen } from '../modules/event/screens/EventDetailScreen';
+import { CreateEventScreen } from '../modules/event/screens/CreateEventScreen';
+import { UpdateEventScreen } from '../modules/event/screens/UpdateEventScreen';
+import { InviteScreen } from '../modules/event/screens/InviteScreen';
+import { ParticipantsListScreen } from '../modules/event/screens/ParticipantsListScreen';
+import { MeetingPointsScreen } from '../modules/event/screens/MeetingPointsScreen';
+
+// User
+import { ProfileScreen } from '../modules/user/screens/ProfileScreen';
+import { UpdateProfileScreen } from '../modules/user/screens/UpdateProfileScreen';
+import { UserProfileScreen } from '../modules/user/screens/UserProfileScreen';
+import { FriendsListScreen } from '../modules/user/screens/FriendsListScreen';
+import { ShareProfileScreen } from '../modules/user/screens/ShareProfileScreen';
+import { ConnectScreen } from '../modules/user/screens/ConnectScreen';
 
 function AppContent() {
-  const { route, navigate, goBack } = useRouter();
+  const { route } = useRouter();
 
-  if (route.page === 'demo') {
-    return (
-      <DemoMode
-        initialScreenId={route.screenId}
-        onBack={() => navigate({ page: 'gallery' })}
-        onNavigateToStory={(storyId) => navigate({ page: 'specs', storyId })}
-      />
-    );
+  switch (route.page) {
+    case 'welcome': return <WelcomeScreen />;
+    case 'login': return <LoginScreen />;
+    case 'home': return <HomeScreen />;
+    case 'events': return <EventsScreen />;
+    case 'create-event': return <CreateEventScreen />;
+    case 'event-detail': return <EventDetailScreen />;
+    case 'update-event': return <UpdateEventScreen />;
+    case 'invite': return <InviteScreen />;
+    case 'participants': return <ParticipantsListScreen />;
+    case 'meeting-points': return <MeetingPointsScreen />;
+    case 'profile': return <ProfileScreen />;
+    case 'edit-profile': return <UpdateProfileScreen />;
+    case 'friends': return <FriendsListScreen />;
+    case 'share-profile': return <ShareProfileScreen />;
+    case 'connect': return <ConnectScreen />;
+    case 'user-profile': return <UserProfileScreen />;
+    case 'settings': return <SettingsScreen />;
   }
-
-  if (route.page === 'specs') {
-    return (
-      <SpecsPage
-        selectedFeatureId={route.featureId}
-        selectedStoryId={route.storyId}
-        onBack={goBack}
-        onSelectScreen={(screenId) => navigate({ page: 'demo', screenId })}
-        onSelectStory={(storyId) => navigate({ page: 'specs', storyId })}
-      />
-    );
-  }
-
-  return (
-    <Gallery
-      onSelectScreen={(screenId) => navigate({ page: 'demo', screenId })}
-      onShowSpecs={() => navigate({ page: 'specs' })}
-    />
-  );
 }
 
 export function App() {
@@ -46,7 +59,10 @@ export function App() {
       <NextGraphProvider>
         <FestipodDataProvider>
           <RouterProvider>
-            <AppContent />
+            <div className="app-container">
+              <AppContent />
+              <ToastContainer />
+            </div>
           </RouterProvider>
         </FestipodDataProvider>
       </NextGraphProvider>