feat: enhance AppRoutes to include location-based public route matching

Author: Vadim Belov

src/cotton.client/src/app/routes.tsx

@@ -1,7 +1,7 @@
 import type { RouteConfig } from "./types";
 import { RequireAdmin, RequireAuth, useAuth } from "../features/auth";
 import { useEffect } from "react";
-import { Routes, Route, Navigate, useParams } from "react-router-dom";
+import { Routes, Route, Navigate, useParams, useLocation, matchPath } from "react-router-dom";
 import Loader from "../shared/ui/Loader";
 import { useTranslation } from "react-i18next";
 
@@ -54,6 +54,7 @@ const publicRoutes: RouteConfig[] = [
 
 export function AppRoutes() {
   const { t } = useTranslation(["login"]);
+  const location = useLocation();
   const {
     hydrated,
     isInitializing,
@@ -63,14 +64,26 @@ export function AppRoutes() {
     ensureAuth,
   } = useAuth();
 
+  const isPublicRoute = publicRoutes.some((route) =>
+    Boolean(
+      matchPath(
+        { path: route.path, end: true },
+        location.pathname,
+      ),
+    ),
+  );
+
   useEffect(() => {
+    if (isPublicRoute) return;
     ensureAuth();
-  }, [ensureAuth]);
+  }, [ensureAuth, isPublicRoute]);
 
   const isAuthBootstrapPending =
-    !hydrated ||
-    isInitializing ||
-    (!isAuthenticated && refreshEnabled && !hasChecked);
+    !isPublicRoute && (
+      !hydrated ||
+      isInitializing ||
+      (!isAuthenticated && refreshEnabled && !hasChecked)
+    );
 
   if (isAuthBootstrapPending) {
     return (