AET-DevOps26 · FadyGergesRezk · Jun 27, 2026 · Jun 27, 2026 · Jun 27, 2026 · Jun 27, 2026
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,5 @@
 settings.json
+AGENTS.md
+debug.log
+web-client/.env.development
 services/spring-letter/.env
diff --git a/web-client/.env.development.example b/web-client/.env.development.example
@@ -0,0 +1,12 @@
+# Copy this file to `.env.development` for local dev. Vite loads `.env.development`
+# automatically for `pnpm dev`. The real `.env.development` is gitignored so each
+# developer can choose mocks vs. live backend without committing the choice.
+
+# Serve fixtures everywhere instead of calling the backend.
+# Set to false (or delete) to run against the real services.
+VITE_USE_MOCKS=true
+
+# Demo as a specific persona so member-scoped pages (dashboard feedback, payments,
+# development report) resolve against that fixture identity.
+# Options: member | coach | director | admin
+VITE_MOCK_PERSONA=member
diff --git a/web-client/index.html b/web-client/index.html
@@ -2,9 +2,10 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="icon" type="image/svg+xml" href="/RoostFavIcon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>web-client</title>
+    <title>Roost</title>
+    <meta name="description" content="Roost — the sports club platform for managing members, teams, events, and payments." />
     <script>
       (function() {
         var theme = localStorage.getItem('ui-theme') || 'system';

diff --git a/web-client/package.json b/web-client/package.json
@@ -34,6 +34,7 @@
     "lucide-react": "^1.17.0",
     "radix-ui": "^1.4.3",
     "react": "^19.2.6",
+    "react-day-picker": "^10.0.1",
     "react-dom": "^19.2.6",
     "react-hook-form": "^7.77.0",
     "react-router-dom": "^7.15.1",

diff --git a/web-client/pnpm-lock.yaml b/web-client/pnpm-lock.yaml
diff --git a/web-client/public/RoostFavIcon.svg b/web-client/public/RoostFavIcon.svg
diff --git a/web-client/public/RoostIcon.svg b/web-client/public/RoostIcon.svg
diff --git a/web-client/public/favicon.svg b/web-client/public/favicon.svg
diff --git a/web-client/src/__tests__/useAuth.test.ts b/web-client/src/__tests__/useAuth.test.ts
@@ -12,7 +12,7 @@ vi.mock('@/lib/keycloak', () => ({
 const { useAuth } = await import('@/features/auth/useAuth')
 
 describe('useAuth', () => {
-  it('reads the member_roles claim into user.roles', () => {
+  it('collapses the member_roles claim into user.role', () => {
     keycloakMock.tokenParsed = {
       name: 'Jane Coach',
       email: 'jane@example.com',
@@ -21,14 +21,14 @@ describe('useAuth', () => {
 
     const { user } = useAuth()
 
-    expect(user.roles).toEqual(['Coach', 'Admin'])
+    expect(user.role).toBe('admin')
   })
 
-  it('defaults roles to an empty array when the claim is absent', () => {
+  it('defaults role to member when the claim is absent', () => {
     keycloakMock.tokenParsed = { name: 'Jane', email: 'jane@example.com' }
 
     const { user } = useAuth()
 
-    expect(user.roles).toEqual([])
+    expect(user.role).toBe('member')
   })
 })