feat: add Firmware page + navigation

- New FirmwareTools page with header
- Add /firmware route to App.tsx
- Add Firmware nav link to Sidebar
- Download icon in sidebar navigation

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

Author: code-root

frontend/src/App.tsx

@@ -6,6 +6,7 @@ import Devices from './pages/Devices'
 import DeviceDetail from './pages/DeviceDetail'
 import Settings from './pages/Settings'
 import AppStore from './pages/AppStore'
+import FirmwareTools from './pages/FirmwareTools'
 import Sidebar from './components/Sidebar'
 import type { ReactNode } from 'react'
 
@@ -173,6 +174,16 @@ export default function App() {
             </ProtectedRoute>
           }
         />
+        <Route
+          path="/firmware"
+          element={
+            <ProtectedRoute>
+              <AppLayout>
+                <FirmwareTools />
+              </AppLayout>
+            </ProtectedRoute>
+          }
+        />
         <Route path="*" element={<Navigate to="/dashboard" replace />} />
       </Routes>
     </BrowserRouter>

frontend/src/components/Sidebar.tsx

@@ -1,12 +1,13 @@
 import { useState } from 'react'
 import { NavLink, useNavigate } from 'react-router-dom'
-import { Smartphone, LayoutDashboard, Cpu, Settings, LogOut, ChevronLeft, ChevronRight, Package } from 'lucide-react'
+import { Smartphone, LayoutDashboard, Cpu, Settings, LogOut, ChevronLeft, ChevronRight, Package, Download } from 'lucide-react'
 import { useAuthStore } from '../store/auth'
 import clsx from 'clsx'
 
 const NAV_ITEMS = [
   { to: '/dashboard', label: 'Dashboard', icon: <LayoutDashboard className="w-5 h-5" /> },
   { to: '/devices', label: 'Devices', icon: <Cpu className="w-5 h-5" /> },
+  { to: '/firmware', label: 'Firmware', icon: <Download className="w-5 h-5" /> },
   { to: '/store', label: 'App Store', icon: <Package className="w-5 h-5" /> },
   { to: '/settings', label: 'Settings', icon: <Settings className="w-5 h-5" /> },
 ]

frontend/src/pages/FirmwareTools.tsx

@@ -0,0 +1,25 @@
+import { ArrowLeft } from 'lucide-react'
+import { useNavigate } from 'react-router-dom'
+import FirmwareManager from '../components/FirmwareManager'
+
+export default function FirmwareTools() {
+  const navigate = useNavigate()
+
+  return (
+    <div className="p-6 mx-auto max-w-6xl">
+      {/* Header */}
+      <div className="flex items-center gap-3 mb-6">
+        <button onClick={() => navigate('/devices')} className="btn-secondary btn-sm">
+          <ArrowLeft className="w-4 h-4" />
+        </button>
+        <div>
+          <h1 className="text-2xl font-bold text-gray-100">Firmware Manager</h1>
+          <p className="text-gray-400 text-sm mt-1">Download and verify Samsung firmware</p>
+        </div>
+      </div>
+
+      {/* Manager */}
+      <FirmwareManager />
+    </div>
+  )
+}