refactor: add wx-svelte-grid Cell type for database cells

Phase 2.2: Add proper type definitions for wx-svelte-grid
- Created Cell interface export in wx-svelte-grid declarations
- Updated all 9 database cell components to use Cell type
- Removed custom Props interfaces with loose IRow typing
- Improved IntelliSense support for grid component props

🤖 Generated with [Claude Code](https://claude.com/claude-code)

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

src/lib/components/database/cells/CharacterImageCell.svelte

@@ -1,14 +1,10 @@
 <svelte:options runes={true} />
 
 <script lang="ts">
-	import type { IRow } from 'wx-svelte-grid'
+	import type { Cell } from 'wx-svelte-grid'
 	import { getCharacterImage } from '$lib/features/database/detail/image'
 
-	interface Props {
+	const { row }: Cell = $props()
-		row: IRow
-	}
-
-	const { row }: Props = $props()
 </script>
 
 <div class="image-cell">

src/lib/components/database/cells/CharacterUncapCell.svelte

@@ -1,14 +1,10 @@
 <svelte:options runes={true} />
 
 <script lang="ts">
-	import type { IRow } from 'wx-svelte-grid'
+	import type { Cell } from 'wx-svelte-grid'
 	import UncapIndicator from '$lib/components/uncap/UncapIndicator.svelte'
 
-	interface Props {
+	let { row }: Cell = $props()
-		row: IRow
-	}
-
-	let { row }: Props = $props()
 
 	// For database view, show maximum possible uncap level
 	// Not the user's current uncap level

src/lib/components/database/cells/ElementCell.svelte

@@ -1,14 +1,10 @@
 <svelte:options runes={true} />
 
 <script lang="ts">
-	import type { IRow } from 'wx-svelte-grid'
+	import type { Cell } from 'wx-svelte-grid'
 	import ElementLabel from '$lib/components/labels/ElementLabel.svelte'
 
-	interface Props {
+	const { row }: Cell = $props()
-		row: IRow
-	}
-
-	const { row }: Props = $props()
 
 	const element = $derived(row.element)
 </script>

src/lib/components/database/cells/LastUpdatedCell.svelte

@@ -1,12 +1,9 @@
 <svelte:options runes={true} />
 
 <script lang="ts">
-	interface Props {
+	import type { Cell } from 'wx-svelte-grid'
-		row: any
-		[key: string]: any  // Allow additional props from wx-svelte-grid
-	}
 
-	const { row }: Props = $props()
+	const { row }: Cell = $props()
 
 	// Get the most recent date from various date fields
 	const getLastUpdated = (item: any): Date | null => {

src/lib/components/database/cells/ProficiencyCell.svelte

@@ -1,14 +1,10 @@
 <svelte:options runes={true} />
 
 <script lang="ts">
-	import type { IRow } from 'wx-svelte-grid'
+	import type { Cell } from 'wx-svelte-grid'
 	import ProficiencyLabel from '$lib/components/labels/ProficiencyLabel.svelte'
 
-	interface Props {
+	const { row }: Cell = $props()
-		row: IRow
-	}
-
-	const { row }: Props = $props()
 
 	const proficiency = $derived(row.proficiency)
 </script>

src/lib/components/database/cells/SummonImageCell.svelte

@@ -1,14 +1,10 @@
 <svelte:options runes={true} />
 
 <script lang="ts">
-	import type { IRow } from 'wx-svelte-grid'
+	import type { Cell } from 'wx-svelte-grid'
 	import { getSummonImage } from '$lib/features/database/detail/image'
 
-	interface Props {
+	const { row }: Cell = $props()
-		row: IRow
-	}
-
-	const { row }: Props = $props()
 </script>
 
 <div class="image-cell">

src/lib/components/database/cells/SummonUncapCell.svelte

@@ -1,14 +1,10 @@
 <svelte:options runes={true} />
 
 <script lang="ts">
-	import type { IRow } from 'wx-svelte-grid'
+	import type { Cell } from 'wx-svelte-grid'
 	import UncapIndicator from '$lib/components/uncap/UncapIndicator.svelte'
 
-	interface Props {
+	let { row }: Cell = $props()
-		row: IRow
-	}
-
-	let { row }: Props = $props()
 
 	// For database view, show maximum possible uncap level
 	const uncap = $derived(row.uncap ?? {})

src/lib/components/database/cells/WeaponImageCell.svelte

@@ -1,14 +1,10 @@
 <svelte:options runes={true} />
 
 <script lang="ts">
-	import type { IRow } from 'wx-svelte-grid'
+	import type { Cell } from 'wx-svelte-grid'
 	import { getWeaponImage } from '$lib/features/database/detail/image'
 
-	interface Props {
+	const { row }: Cell = $props()
-		row: IRow
-	}
-
-	const { row }: Props = $props()
 </script>
 
 <div class="image-cell">

src/lib/components/database/cells/WeaponUncapCell.svelte

@@ -1,14 +1,10 @@
 <svelte:options runes={true} />
 
 <script lang="ts">
-	import type { IRow } from 'wx-svelte-grid'
+	import type { Cell } from 'wx-svelte-grid'
 	import UncapIndicator from '$lib/components/uncap/UncapIndicator.svelte'
 
-	interface Props {
+	let { row }: Cell = $props()
-		row: IRow
-	}
-
-	let { row }: Props = $props()
 
 	// For database view, show maximum possible uncap level
 	const uncap = $derived(row.uncap ?? {})

src/lib/types/declarations.d.ts

@@ -32,12 +32,16 @@ declare module 'wx-svelte-grid' {
     [key: string]: any
   }
 
-  export interface ICellProps {
+  // Cell component props - used by custom cell components
+  export interface Cell {
     row: IRow
     col: IColumn
-    value: any
+    value?: any
   }
 
+  // Alias for backward compatibility
+  export interface ICellProps extends Cell {}
+
   export interface IDataConfig {
     data: IRow[]
     columns: IColumn[]