feat: Enrich DTOs and UI to display member names instead of UUIDs for task assignees, creators, and shift signups.

frontend/src/app/(protected)/shifts/[id]/page.tsx

@@ -67,9 +67,9 @@ export default function ShiftDetailPage({ params }: { params: Promise<{ id: stri
               <p className="text-sm text-muted-foreground">No sign-ups yet</p>
             ) : (
               <ul className="list-disc list-inside text-sm">
-                {shift.signups.map((signup) => (
-                  <li key={signup.id}>Member ID: {signup.memberId}</li>
-                ))}
+{shift.signups.map((signup) => (
+              <li key={signup.id}>{signup.memberName || signup.memberId}</li>
+            ))}
               </ul>
             )}
           </div>

frontend/src/app/(protected)/tasks/[id]/page.tsx

@@ -85,11 +85,11 @@ export default function TaskDetailPage({ params }: { params: Promise<{ id: strin
           <div className="grid grid-cols-2 gap-4">
             <div>
               <p className="text-sm font-medium text-muted-foreground">Assignee</p>
-              <p className="mt-1">{task.assigneeId || 'Unassigned'}</p>
+              <p className="mt-1">{task.assigneeName || 'Unassigned'}</p>
             </div>
             <div>
               <p className="text-sm font-medium text-muted-foreground">Created By</p>
-              <p className="mt-1">{task.createdById}</p>
+              <p className="mt-1">{task.createdByName || task.createdById}</p>
             </div>
             <div>
               <p className="text-sm font-medium text-muted-foreground">Created At</p>

frontend/src/app/(protected)/tasks/page.tsx

@@ -89,7 +89,7 @@ export default function TaskListPage() {
                       {task.status}
                     </Badge>
                   </TableCell>
-                  <TableCell>{task.assigneeId || 'Unassigned'}</TableCell>
+                  <TableCell>{task.assigneeName || 'Unassigned'}</TableCell>
                   <TableCell>{new Date(task.createdAt).toLocaleDateString()}</TableCell>
                   <TableCell className="text-right">
                     <Button variant="outline" size="sm" asChild>

frontend/src/auth/auth.ts

@@ -33,16 +33,30 @@ export const { handlers, signIn, signOut, auth } = NextAuth({
   providers: [
     KeycloakProvider({
       clientId: process.env.KEYCLOAK_CLIENT_ID!,
-      clientSecret: process.env.KEYCLOAK_CLIENT_SECRET!,
       issuer: issuerPublic,
-      authorization: {
-        url: `${oidcPublic}/auth`,
-        params: { scope: "openid email profile" },
-      },
-      token: `${oidcInternal}/token`,
-      userinfo: `${oidcInternal}/userinfo`,
     })
   ],
+  cookies: {
+    pkceCodeVerifier: {
+      name: "authjs.pkce.code_verifier",
+      options: {
+        httpOnly: true,
+        sameSite: "lax",
+        path: "/",
+        secure: false,
+      },
+    },
+    state: {
+      name: "authjs.state",
+      options: {
+        httpOnly: true,
+        sameSite: "lax",
+        path: "/",
+        secure: false,
+      },
+    },
+  },
+  debug: true,
   callbacks: {
     async jwt({ token, account }) {
       if (account && account.access_token) {

frontend/src/hooks/useShifts.ts

@@ -38,6 +38,7 @@ export interface ShiftDetailDto {
 export interface ShiftSignupDto {
   id: string;
   memberId: string;
+  memberName?: string;
   externalUserId?: string;
   signedUpAt: string;
 }

frontend/src/hooks/useTasks.ts

@@ -14,6 +14,7 @@ export interface TaskListItemDto {
   title: string;
   status: string;
   assigneeId: string | null;
+  assigneeName?: string;
   createdAt: string;
   isAssignedToMe: boolean;
 }
@@ -24,7 +25,9 @@ export interface TaskDetailDto {
   description: string | null;
   status: string;
   assigneeId: string | null;
+  assigneeName?: string;
   createdById: string;
+  createdByName?: string;
   clubId: string;
   dueDate: string | null;
   createdAt: string;