added swipe gestures

src/App.tsx

@@ -2,8 +2,14 @@ import { lazy, Suspense } from 'react'
 import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom'
 import { AuthProvider } from './contexts/AuthContext'
 import { ProtectedRoute } from './components/ProtectedRoute'
+import { useSwipeNav } from './hooks/useSwipeNav'
 import './App.css'
 
+function SwipeNavHandler() {
+  useSwipeNav()
+  return null
+}
+
 const HomePage = lazy(() => import('./pages/HomePage'))
 const HistoryPage = lazy(() => import('./pages/HistoryPage'))
 const SettingsPage = lazy(() => import('./pages/SettingsPage'))
@@ -16,6 +22,7 @@ function App() {
   return (
     <AuthProvider>
       <BrowserRouter>
+        <SwipeNavHandler />
         <Suspense fallback={null}>
         <Routes>
           <Route path="/" element={<LoginPage />} />