fix nav eleements confuse

package.json

@@ -14,12 +14,12 @@
     "license": "ISC",
     "description": "",
     "dependencies": {
-        "@brojs/cli": "^1.3.0",
+        "@brojs/cli": "1.8.4",
         "@emotion/react": "^11.13.3",
         "@emotion/styled": "^11.13.0",
         "@types/react": "^18.3.12",
         "@types/react-dom": "^18.3.1",
-        "express": "^4.19.2",
+        "express": "^4.21.2",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
         "react-router-dom": "^6.27.0"

src/__data__/urls.ts

@@ -1,18 +1,19 @@
-import { getNavigationsValue } from "@brojs/cli";
+import { getNavigationValue } from "@brojs/cli";
 import { generatePath } from "react-router-dom";
 
-const baseUrl = getNavigationsValue("nav1.main");
 
 export const URLs = {
+  baseUrl: getNavigationValue('nav1.main'),
   profile: {
-    isOn: Boolean(getNavigationsValue("link.nav1.profile")),
+    isOn: Boolean(getNavigationValue("link.nav1.profile")),
-    url: `${baseUrl}${getNavigationsValue("link.nav1.profile")}`,
+    url: `${getNavigationValue('nav1.main')}${getNavigationValue("link.nav1.profile")}`,
     getUrl(userId: string, projectId: string) {
       return generatePath(this.url, { userId, projectId });
     },
   },
   about: {
-    url: `${baseUrl}${getNavigationsValue("link.nav1.about")}`,
+    isOn: Boolean(getNavigationValue("link.nav1.about")),
+    url: `${getNavigationValue('nav1.main')}${getNavigationValue("link.nav1.about")}`,
     getUrl() {
       return this.url;
     },

src/app.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { BrowserRouter, HashRouter } from "react-router-dom";
+import { BrowserRouter } from "react-router-dom";
 import { ThemeProvider } from "@emotion/react";
 
 import { Dashboard } from "./dashboard";

src/dashboard.tsx

@@ -1,5 +1,5 @@
-import React, { Suspense } from "react";
+import React, { Suspense, useEffect } from "react";
-import { Routes, Route } from "react-router-dom";
+import { Routes, Route, useNavigate } from "react-router-dom";
 
 import { URLs } from "./__data__/urls";
 import { ProfilePage, AboutPage } from "./pages";
@@ -11,9 +11,25 @@ const PageWrapper = ({ children }) => (
   </ErrorBoundary>
 );
 
+const Redirect = ({ to }: { to: string }) => {
+  const navigate = useNavigate();
+
+  useEffect(() => {
+    navigate(to)
+  }, [navigate])
+
+  return null
+}
+
 export const Dashboard = () => {
   return (
     <Routes>
+      <Route
+        path={URLs.baseUrl}
+        element={(
+          <Redirect to={URLs.about.getUrl()} />
+        )}
+      />
       <Route
         path={URLs.about.url}
         element={