⏪ revert(_app&routes): backto browser routes

src/App.tsx

@@ -1,4 +1,4 @@
-import { HashRouter as Router } from 'react-router-dom'; // Change to HashRouter
+import { BrowserRouter as Router } from 'react-router-dom';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { ErrorBoundary } from './components/ui/ErrorBoundary';
 import { Navbar } from './components/layout/Navbar';
@@ -32,4 +32,4 @@ function App() {
   );
 }
 
-export default App;
+export default App;

src/routes.tsx

@@ -1,4 +1,4 @@
-import { HashRouter as Router, Routes, Route } from 'react-router-dom';
+import { Routes, Route } from 'react-router-dom';
 import { Suspense, lazy } from 'react';
 import { Loader2 } from 'lucide-react';
 
@@ -20,18 +20,16 @@ function LoadingSpinner() {
 
 export function AppRoutes() {
   return (
-    <Router>
-      <Suspense fallback={<LoadingSpinner />}>
-        <Routes>
-          <Route path="/" element={<HomePage />} />
-          <Route path="/about" element={<AboutPage />} />
-          <Route path="/features" element={<FeaturesPage />} />
-          <Route path="/download" element={<DownloadPage />} />
-          <Route path="/developers" element={<DevelopersPage />} />
-          <Route path="/donate" element={<DonatePage />} />
-          <Route path="/gallery" element={<GalleryPage />} />
-        </Routes>
-      </Suspense>
-    </Router>
+    <Suspense fallback={<LoadingSpinner />}>
+      <Routes>
+        <Route path="/" element={<HomePage />} />
+        <Route path="/about" element={<AboutPage />} />
+        <Route path="/features" element={<FeaturesPage />} />
+        <Route path="/download" element={<DownloadPage />} />
+        <Route path="/developers" element={<DevelopersPage />} />
+        <Route path="/donate" element={<DonatePage />} />
+        <Route path="/gallery" element={<GalleryPage />} />
+      </Routes>
+    </Suspense>
   );
-}
+}

vite.config.ts

@@ -9,7 +9,22 @@ export default defineConfig({
       '@': resolve(__dirname, './src'),
     },
   },
+  build: {
+    rollupOptions: {
+      output: {
+        // Make sure main.js is generated as part of the build
+        entryFileNames: 'main.js',
+        // Output CSS as a separate file (style.css)
+        assetFileNames: ({ name }) => {
+          if (name && name.endsWith('.css')) {
+            return 'style.css'; // Ensure style.css is generated
+          }
+          return 'assets/[name]-[hash][extname]'; // Other assets (images, etc.)
+        },
+      },
+    },
+  },
   optimizeDeps: {
     exclude: ['lucide-react'],
   },
-});
+});