🐛 fix(route): browser to hash

src/routes.tsx

@@ -1,7 +1,8 @@
-import { Routes, Route } from 'react-router-dom';
+import { HashRouter, Routes, Route } from 'react-router-dom';
 import { Suspense, lazy } from 'react';
 import { Loader2 } from 'lucide-react';
 
+// Lazy load your pages
 const HomePage = lazy(() => import('./pages/Home'));
 const AboutPage = lazy(() => import('./pages/About'));
 const FeaturesPage = lazy(() => import('./pages/Features'));
@@ -10,6 +11,7 @@ const DevelopersPage = lazy(() => import('./pages/Developers'));
 const DonatePage = lazy(() => import('./pages/Donate'));
 const GalleryPage = lazy(() => import('./pages/Gallery'));
 
+// Loading spinner component
 function LoadingSpinner() {
   return (
     <div className="min-h-[50vh] flex items-center justify-center">
@@ -18,8 +20,10 @@ function LoadingSpinner() {
   );
 }
 
+// AppRoutes component with HashRouter
 export function AppRoutes() {
   return (
+    <HashRouter>
       <Suspense fallback={<LoadingSpinner />}>
         <Routes>
           <Route path="/" element={<HomePage />} />
@@ -31,5 +35,6 @@ export function AppRoutes() {
           <Route path="/gallery" element={<GalleryPage />} />
         </Routes>
       </Suspense>
+    </HashRouter>
   );
 }