[scanner] 🐛 fix: update StorageOverview tests for useModalState migration (#19312)

The CardComponents mock only exported CardClusterFilter, but after PR #19310
the StorageOverview component uses CardControlsRow, CardHeaderRow, CardStatGrid,
and CardStatHeader from that module. These were undefined in the mock, causing
all 7 tests to fail when the component tried to render them.

- Add React import for ReactNode type usage in mocks
- Add CardHeaderRow mock (renders children as fragment)
- Replace CardClusterFilter mock with CardControlsRow mock that renders
  the cluster-filter testid when clusterFilter prop is provided
- Add CardStatGrid mock (renders children as fragment)
- Add CardStatHeader mock (renders children as fragment)

Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: 3 people

web/src/components/cards/__tests__/StorageOverview.test.tsx

@@ -1,3 +1,4 @@
+import React from 'react'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { render, screen } from '@testing-library/react'
 import { StorageOverview } from '../StorageOverview'
@@ -45,9 +46,16 @@ vi.mock('../../../lib/cards/cardHooks', () => ({
 }))
 
 vi.mock('../../../lib/cards/CardComponents', () => ({
-  CardClusterFilter: ({ availableClusters }: { availableClusters: Array<{ name: string }> }) => (
-    <div data-testid="cluster-filter" data-count={availableClusters.length} />
+  CardHeaderRow: ({ children }: { children: React.ReactNode }) => <>{children}</>,
+  CardControlsRow: ({ clusterFilter }: {
+    clusterFilter?: { availableClusters: Array<{ name: string }> }
+  }) => (
+    <div data-testid="controls-row">
+      {clusterFilter && <div data-testid="cluster-filter" data-count={clusterFilter.availableClusters.length} />}
+    </div>
   ),
+  CardStatGrid: ({ children }: { children: React.ReactNode }) => <>{children}</>,
+  CardStatHeader: ({ children }: { children: React.ReactNode }) => <>{children}</>,
 }))
 
 vi.mock('../../../lib/formatStats', () => ({