feat: demo-gebruiker krijgt read-only toegang tot actieve sprint

Seed maakt een actieve sprint aan voor de demo gebruiker met 3 stories.
Statusbalk aangepast naar h-14 zodat deze overeenkomt met de navigatiebalk.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

components/shared/status-bar.tsx

@@ -10,7 +10,7 @@ const version = process.env.NEXT_PUBLIC_APP_VERSION ?? '0.0.0'
 
 export function StatusBar() {
   return (
-    <footer className="shrink-0 border-t border-border bg-surface-container-low px-4 py-1 flex items-center justify-between text-[10px] text-muted-foreground select-none">
+    <footer className="shrink-0 border-t border-border bg-surface-container-low h-14 px-4 flex items-center justify-between text-sm text-muted-foreground select-none">
       <span>© {new Date().getFullYear()} Scrum4Me</span>
       <span>v{version} · gebouwd op {buildDate}</span>
     </footer>

prisma/seed.ts

@@ -242,6 +242,33 @@ async function main() {
     }
   }
 
+  // Create active sprint for the demo product
+  const sprint = await prisma.sprint.create({
+    data: {
+      product_id: product.id,
+      sprint_goal: 'Gebruikers kunnen inloggen, een product aanmaken en de Product Backlog beheren.',
+      status: 'ACTIVE',
+    },
+  })
+
+  console.log(`Sprint created: ${sprint.sprint_goal}`)
+
+  // Add the first story of each of the first 3 PBIs to the sprint
+  const sprintStoryTitles = [
+    'Account aanmaken',
+    'Product aanmaken',
+    'PBI aanmaken',
+  ]
+
+  for (const title of sprintStoryTitles) {
+    await prisma.story.updateMany({
+      where: { product_id: product.id, title },
+      data: { sprint_id: sprint.id, status: 'IN_SPRINT' },
+    })
+  }
+
+  console.log(`Added ${sprintStoryTitles.length} stories to the sprint`)
+
   console.log('\nSeeding complete!')
   console.log('Demo user:  username=demo     password=demo1234')
   console.log('Main user:  username=lars     password=scrum4me123')