Add / for all urls

Author: BaseMax

src/App.tsx

@@ -28,6 +28,6 @@ export default function App() {
         <Route path="/map" element={<MapPage />} />
         <Route path="*" element={<NotFoundPage />} />
       </Routes>
-    </RouterComponent>
+    </HashRouter>
   );
 }

src/components/BottomNav.tsx

@@ -24,7 +24,7 @@ export default function BottomNav() {
       style={{ paddingBottom: "env(safe-area-inset-bottom)" }}
     >
       <NavLink
-        to="home"
+        to={`/home`}
         aria-label="خانه"
         className={({ isActive }) =>
           `w-20 flex flex-col items-center justify-center px-3 py-1.5 rounded-md ${isActive ? "bg-primary text-white" : "text-gray-600"}`
@@ -35,7 +35,7 @@ export default function BottomNav() {
       </NavLink>
 
       <NavLink
-        to="cities"
+        to={`/cities`}
         aria-label="شهرها"
         className={({ isActive }) =>
           `w-20 flex flex-col items-center justify-center px-3 py-1.5 rounded-md ${isActive ? "bg-primary text-white" : "text-gray-600"}`
@@ -46,7 +46,7 @@ export default function BottomNav() {
       </NavLink>
 
       <NavLink
-        to="smart-suggest"
+        to={`/smart-suggest`}
         aria-label="پیشنهاد"
         className={({ isActive }) =>
           `w-20 flex flex-col items-center justify-center px-3 py-1.5 rounded-md ${isActive ? "bg-primary text-white" : "text-gray-600"}`
@@ -57,7 +57,7 @@ export default function BottomNav() {
       </NavLink>
 
       <NavLink
-        to="map"
+        to={`/map`}
         aria-label="نقشه"
         className={({ isActive }) =>
           `w-20 flex flex-col items-center justify-center px-3 py-1.5 rounded-md ${isActive ? "bg-primary text-white" : "text-gray-600"}`

src/pages/CitiesListPage.tsx

@@ -93,7 +93,7 @@ const CitiesListPage: React.FC = () => {
               return (
                 <li key={city.name} className="list-none">
                   <Link
-                    to={`city/${city.name}`}
+                    to={`/city/${city.name}`}
                     className="block w-full cursor-pointer bg-white rounded shadow p-3"
                   >
                     <div className="flex items-center w-full">

src/pages/CityDetailPage.tsx

@@ -167,7 +167,7 @@ const CityDetailPage: React.FC = () => {
           <Container>
             <p className="text-sm text-gray-600 mb-4">نام شهر معتبر نیست.</p>
             <Link
-              to="cities"
+              to={`/cities`}
               className="inline-flex items-center gap-2 rounded-full bg-primary text-white px-4 py-2 text-sm shadow"
             >
               بازگشت به لیست شهرها
@@ -314,7 +314,7 @@ const CityDetailPage: React.FC = () => {
                     <h2 className="text-lg font-bold">جاهای دیدنی</h2>
                   </div>
                   <Link
-                    to={`city/${cityName}/attractions`}
+                    to={`/city/${cityName}/attractions`}
                     className="flex items-center gap-2 text-sm text-primary hover:text-primary/80"
                   >
                     مشاهده بیشتر
@@ -330,7 +330,7 @@ const CityDetailPage: React.FC = () => {
                   {featuredAttractions.map((attraction) => (
                     <Link
                       key={attraction.id}
-                      to={`city/${cityName}/attraction/${attraction.id}`}
+                      to={`/city/${cityName}/attraction/${attraction.id}`}
                       className="flex items-center gap-3 rounded-2xl border border-gray-100 bg-white p-3 shadow-sm hover:shadow-md transition"
                     >
                       <div className="relative h-20 w-24 overflow-hidden rounded-xl">

src/pages/NotFoundPage.tsx

@@ -21,7 +21,7 @@ export default function NotFoundPage() {
             ممکن است آدرس را اشتباه وارد کرده باشید یا صفحه حذف شده باشد.
           </p>
           <div className="flex flex-col sm:flex-row gap-3 justify-center mt-2">
-            <Link to="home" className="px-4 py-2 rounded-lg bg-primary text-white hover:opacity-90 transition">
+            <Link to={`/home`} className="px-4 py-2 rounded-lg bg-primary text-white hover:opacity-90 transition">
               بازگشت به خانه
             </Link>
           </div>

src/routes/ProtectedRoute.tsx

@@ -8,7 +8,7 @@ type Props = {
 
 export default function ProtectedRoute({ children }: Props) {
   if (!isAuthenticated()) {
-    return <Navigate to="login" replace />;
+    return <Navigate to={`/login`} replace />;
   }
   return <>{children}</>;
 }

src/routes/PublicRoute.tsx

@@ -8,7 +8,7 @@ type Props = {
 
 export default function ProtectedRoute({ children }: Props) {
   if (isAuthenticated()) {
-    return <Navigate to="home" replace />;
+    return <Navigate to={`/home`} replace />;
   }
   return <>{children}</>;
 }