⏪ 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';

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,7 +20,6 @@ function LoadingSpinner() {
 
 export function AppRoutes() {
   return (
-    <Router>
     <Suspense fallback={<LoadingSpinner />}>
       <Routes>
         <Route path="/" element={<HomePage />} />
@@ -32,6 +31,5 @@ export function AppRoutes() {
         <Route path="/gallery" element={<GalleryPage />} />
       </Routes>
     </Suspense>
-    </Router>
   );
 }

vite.config.ts

@@ -9,6 +9,21 @@ 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'],
   },