feat(web): add mobile responsive layout with bottom navigation

Add useMobile hook for viewport detection (<768px). Update AppLayout
with hamburger menu, slide-over sidebar overlay, and fixed bottom
navigation bar (Tools, Automate, Files, Settings) for mobile. Update
Sidebar with expanded mode for mobile overlay. Update ToolPage to
stack settings above dropzone on mobile with collapsible panel. Add
new routes for /automate and /fullscreen. Integrate Settings dialog
and keyboard shortcuts at the App root level.

apps/web/src/App.tsx

@@ -2,15 +2,22 @@ import { BrowserRouter, Routes, Route } from "react-router-dom";
 import { HomePage } from "./pages/home-page";
 import { LoginPage } from "./pages/login-page";
 import { ToolPage } from "./pages/tool-page";
+import { AutomatePage } from "./pages/automate-page";
+import { FullscreenGridPage } from "./pages/fullscreen-grid-page";
+import { KeyboardShortcutProvider } from "./components/common/keyboard-shortcut-provider";
 
 export function App() {
   return (
     <BrowserRouter>
-      <Routes>
-        <Route path="/login" element={<LoginPage />} />
-        <Route path="/:toolId" element={<ToolPage />} />
-        <Route path="/" element={<HomePage />} />
-      </Routes>
+      <KeyboardShortcutProvider>
+        <Routes>
+          <Route path="/login" element={<LoginPage />} />
+          <Route path="/automate" element={<AutomatePage />} />
+          <Route path="/fullscreen" element={<FullscreenGridPage />} />
+          <Route path="/:toolId" element={<ToolPage />} />
+          <Route path="/" element={<HomePage />} />
+        </Routes>
+      </KeyboardShortcutProvider>
     </BrowserRouter>
   );
 }