fix: lint errors

Author: kevinjosethomas

__tests__/components/AnimatedNumber.test.tsx

@@ -5,7 +5,7 @@ import { AnimatedNumber } from '../../src/components/Common/AnimatedNumber'
 let mockValue = 1000
 jest.mock('framer-motion', () => ({
   motion: {
-    span: ({ children, className, ...props }: any) => (
+    span: ({ children, className, ...props }: React.ComponentProps<'span'>) => (
       <span className={className} {...props}>
         {children}
       </span>

__tests__/components/DelayedLoading.test.tsx

@@ -9,9 +9,13 @@ jest.mock('../../src/components/Common/Loading', () => ({
 // Mock framer-motion
 jest.mock('framer-motion', () => ({
   motion: {
-    div: ({ children, ...props }: any) => <div {...props}>{children}</div>,
+    div: ({ children, ...props }: React.ComponentProps<'div'>) => (
+      <div {...props}>{children}</div>
+    ),
   },
-  AnimatePresence: ({ children }: any) => <>{children}</>,
+  AnimatePresence: ({ children }: { children: React.ReactNode }) => (
+    <>{children}</>
+  ),
 }))
 
 describe('DelayedLoading Component', () => {

__tests__/components/PlayerInfo.test.tsx

@@ -27,7 +27,7 @@ describe('PlayerInfo Component', () => {
   })
 
   it('should render "Unknown" when name is not provided', () => {
-    render(<PlayerInfo name={undefined as any} color="white" />)
+    render(<PlayerInfo name={undefined as unknown as string} color="white" />)
 
     expect(screen.getByText('Unknown')).toBeInTheDocument()
   })

__tests__/hooks/useUnload.test.ts

@@ -139,7 +139,7 @@ describe('useUnload', () => {
 
   it('should handle non-function handler gracefully', () => {
     // This shouldn't happen in practice, but test for robustness
-    const handler = null as any
+    const handler = null as unknown as () => string
     renderHook(() => useUnload(handler))
 
     const eventListener = mockAddEventListener.mock.calls[0][1]