fixing electron routes

frontend/src/App.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
-import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
+import { Route } from "react-router-dom";
 import HomePage from './pages/HomePage';
+import RoutingComponent from './components/RoutingComponent';
 import AboutPage from './pages/AboutPage';
 import MainPage from './pages/MainPage';
 import PersuasivePage from './pages/PersuasivePage';
@@ -9,17 +10,14 @@ import ReviewsPage from './pages/ReviewsPage';
 
 function App() {
   return (
-    <Router>
-        <Routes>
+  <RoutingComponent>
           <Route path="/" element={<HomePage />} />
           <Route path="/main" element={<MainPage />} />
           <Route path="/about" element={<AboutPage />} />
           <Route path="/persuasive" element={<PersuasivePage />} />
           <Route path="/contact" element={<ContactPage />} />
           <Route path="/reviews" element={<ReviewsPage />} />
-        </Routes>
-    </Router>
-
+   </RoutingComponent>
   );
 }
 

frontend/src/components/RoutingComponent.tsx

@@ -0,0 +1,30 @@
+import React, { ReactNode } from 'react';
+import { BrowserRouter as BrowserRouterImpl, HashRouter as HashRouterImpl, Routes } from 'react-router-dom';
+
+interface RoutingComponentProps {
+  children: ReactNode;
+}
+
+const RoutingComponent: React.FC<RoutingComponentProps> = ({ children }) => {
+  if (isElectron()) {
+    return (
+      <HashRouterImpl>
+        <Routes>{children}</Routes>
+      </HashRouterImpl>
+    );
+  } else {
+    return (
+      <BrowserRouterImpl>
+        <Routes>{children}</Routes>
+      </BrowserRouterImpl>
+    );
+  }
+}
+
+function isElectron() {
+  // Check if running in Electron environment
+  const isElectron = navigator.userAgent.toLowerCase().indexOf(' electron/') > -1;
+  return isElectron;
+}
+
+export default RoutingComponent;