fix: lint errors en warnings opgelost voor CI

components/backlog/pbi-list.tsx

@@ -24,7 +24,6 @@ import {
 import { CSS } from '@dnd-kit/utilities'
 import { toast } from 'sonner'
 import { Button } from '@/components/ui/button'
-import { DemoTooltip } from '@/components/shared/demo-tooltip'
 import { Input } from '@/components/ui/input'
 import { Badge } from '@/components/ui/badge'
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'

components/backlog/story-panel.tsx

@@ -115,8 +115,8 @@ function SortableStoryBlock({
 // --- Story detail slide-over ---
 function StoryDetailSheet({
   story,
-  productId,
-  pbiId,
+  productId: _productId,
+  pbiId: _pbiId,
   onClose,
   isDemo,
 }: {

components/settings/role-manager.tsx

@@ -26,7 +26,7 @@ export function RoleManager({ currentRoles, isDemo }: RoleManagerProps) {
   function toggle(role: string) {
     setSelected(prev => {
       const next = new Set(prev)
-      next.has(role) ? next.delete(role) : next.add(role)
+      if (next.has(role)) { next.delete(role) } else { next.add(role) }
       return next
     })
     setSaved(false)

components/split-pane/split-pane.tsx

@@ -19,19 +19,18 @@ export function SplitPane({
   minSize = 200,
 }: SplitPaneProps) {
   const containerRef = useRef<HTMLDivElement>(null)
-  const [split, setSplit] = useState<number>(defaultSplit)
-  const [isDragging, setIsDragging] = useState(false)
-  const [isMobile, setIsMobile] = useState(false)
-  const [activeTab, setActiveTab] = useState<'left' | 'right'>('left')
-
-  // Load stored split on mount
-  useEffect(() => {
+  const [split, setSplit] = useState<number>(() => {
+    if (typeof window === 'undefined') return defaultSplit
     const stored = localStorage.getItem(`split-pane:${storageKey}`)
     if (stored) {
       const val = parseFloat(stored)
-      if (!isNaN(val) && val > 0 && val < 100) setSplit(val)
+      if (!isNaN(val) && val > 0 && val < 100) return val
     }
-  }, [storageKey])
+    return defaultSplit
+  })
+  const [isDragging, setIsDragging] = useState(false)
+  const [isMobile, setIsMobile] = useState(false)
+  const [activeTab, setActiveTab] = useState<'left' | 'right'>('left')
 
   // Detect mobile
   useEffect(() => {

components/sprint/sprint-backlog.tsx

@@ -3,7 +3,7 @@
 import { useState, useTransition, useEffect } from 'react'
 import { useRouter } from 'next/navigation'
 import {
-  DndContext, DragEndEvent, DragOverEvent, DragStartEvent, DragOverlay,
+  DndContext, DragEndEvent,
   KeyboardSensor, PointerSensor, useSensor, useSensors, closestCenter,
 } from '@dnd-kit/core'
 import {
@@ -101,7 +101,7 @@ interface SprintBacklogLeftProps {
   selectedStoryId: string | null
 }
 
-export function SprintBacklogLeft({ sprintId, stories, isDemo, onSelectStory, selectedStoryId }: SprintBacklogLeftProps) {
+export function SprintBacklogLeft({ sprintId, stories, isDemo, onSelectStory }: SprintBacklogLeftProps) {
   const { sprintStoryOrder, initSprint, reorderSprintStories, rollbackSprint, removeStoryFromSprint } = useSprintStore()
   const [, startTransition] = useTransition()
 
@@ -186,7 +186,7 @@ export function SprintBacklogRight({ sprintId, pbisWithStories, sprintStoryIds,
   function toggle(pbiId: string) {
     setCollapsed(prev => {
       const next = new Set(prev)
-      next.has(pbiId) ? next.delete(pbiId) : next.add(pbiId)
+      if (next.has(pbiId)) { next.delete(pbiId) } else { next.add(pbiId) }
       return next
     })
   }

components/sprint/sprint-header.tsx

@@ -34,7 +34,7 @@ function SaveGoalButton() {
   return <Button type="submit" size="sm" disabled={pending}>{pending ? 'Opslaan…' : 'Opslaan'}</Button>
 }
 
-export function SprintHeader({ productId, productName, sprint, isDemo, sprintStories }: SprintHeaderProps) {
+export function SprintHeader({ productId: _productId, productName, sprint, isDemo, sprintStories }: SprintHeaderProps) {
   const [editingGoal, setEditingGoal] = useState(false)
   const [completeOpen, setCompleteOpen] = useState(false)
   const [decisions, setDecisions] = useState<Record<string, 'DONE' | 'OPEN'>>({})

components/sprint/start-sprint-button.tsx

@@ -4,7 +4,6 @@ import { useState, useActionState } from 'react'
 import { useFormStatus } from 'react-dom'
 import { useRouter } from 'next/navigation'
 import { Button } from '@/components/ui/button'
-import { Input } from '@/components/ui/input'
 import { Textarea } from '@/components/ui/textarea'
 import {
   Dialog,

components/sprint/task-list.tsx

@@ -3,7 +3,7 @@
 import { useState, useTransition, useEffect, useActionState } from 'react'
 import { useFormStatus } from 'react-dom'
 import {
-  DndContext, DragEndEvent, DragOverlay, DragStartEvent,
+  DndContext, DragEndEvent, DragOverlay,
   KeyboardSensor, PointerSensor, useSensor, useSensors, closestCenter,
 } from '@dnd-kit/core'
 import {
@@ -144,7 +144,7 @@ function CreateSubmitButton() {
   return <Button type="submit" size="sm" className="h-7" disabled={pending}>{pending ? '…' : 'Toevoegen'}</Button>
 }
 
-export function TaskList({ storyId, sprintId, productId, tasks, isDemo }: TaskListProps) {
+export function TaskList({ storyId, sprintId, productId: _productId, tasks, isDemo }: TaskListProps) {
   const { taskOrder, initTasks, reorderTasks, rollbackTasks } = useSprintStore()
   const [creating, setCreating] = useState(false)
   const [activeDragId, setActiveDragId] = useState<string | null>(null)

components/todos/todo-list.tsx

@@ -6,8 +6,6 @@ import { toast } from 'sonner'
 import { Button } from '@/components/ui/button'
 import { DemoTooltip } from '@/components/shared/demo-tooltip'
 import { Input } from '@/components/ui/input'
-import { Textarea } from '@/components/ui/textarea'
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
 import {
   createTodoAction,
   toggleTodoAction,
@@ -15,7 +13,6 @@ import {
   promoteTodoToPbiAction,
   promoteTodoToStoryAction,
 } from '@/actions/todos'
-import { cn } from '@/lib/utils'
 
 interface Todo {
   id: string