fix(auth): load persisted API key on app mount

The loadApiKey action existed but was never called on startup,
causing users to re-enter their API key after each page refresh.

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

Author: msujaws

src/App.test.tsx

@@ -1,4 +1,4 @@
-import { describe, it, expect, beforeEach } from 'vitest'
+import { describe, it, expect, beforeEach, vi } from 'vitest'
 import { render, screen } from '@testing-library/react'
 import App from './App'
 import { useStore } from './store'
@@ -20,6 +20,15 @@ describe('App', () => {
   })
 
   describe('without API key', () => {
+    it('should call loadApiKey on mount to restore persisted key', () => {
+      const loadApiKey = vi.fn()
+      useStore.setState({ loadApiKey })
+
+      render(<App />)
+
+      expect(loadApiKey).toHaveBeenCalledOnce()
+    })
+
     it('should render the app title', () => {
       render(<App />)
 

src/App.tsx

@@ -15,6 +15,12 @@ function App() {
 
   // Auth state
   const apiKey = useStore((state) => state.apiKey)
+  const loadApiKey = useStore((state) => state.loadApiKey)
+
+  // Load persisted API key on mount
+  useEffect(() => {
+    void loadApiKey()
+  }, [loadApiKey])
 
   // Bugs state
   const bugs = useStore((state) => state.bugs)