fix: function props vanuit server component verplaatst naar client wrapper

components/sprint/sprint-backlog-client.tsx

@@ -0,0 +1,49 @@
+'use client'
+
+import { SplitPane } from '@/components/split-pane/split-pane'
+import { SprintBacklogLeft, SprintBacklogRight } from './sprint-backlog'
+import type { SprintStory, PbiWithStories } from './sprint-backlog'
+
+interface SprintBacklogClientProps {
+  productId: string
+  sprintId: string
+  stories: SprintStory[]
+  pbisWithStories: PbiWithStories[]
+  sprintStoryIdList: string[]
+  isDemo: boolean
+}
+
+export function SprintBacklogClient({
+  productId,
+  sprintId,
+  stories,
+  pbisWithStories,
+  sprintStoryIdList,
+  isDemo,
+}: SprintBacklogClientProps) {
+  const sprintStoryIds = new Set<string>(sprintStoryIdList)
+
+  return (
+    <SplitPane
+      storageKey={`sprint-${productId}`}
+      left={
+        <SprintBacklogLeft
+          sprintId={sprintId}
+          stories={stories}
+          isDemo={isDemo}
+          selectedStoryId={null}
+          onSelectStory={() => {}}
+        />
+      }
+      right={
+        <SprintBacklogRight
+          sprintId={sprintId}
+          pbisWithStories={pbisWithStories}
+          sprintStoryIds={sprintStoryIds}
+          isDemo={isDemo}
+          onStoryAdded={() => {}}
+        />
+      }
+    />
+  )
+}