✨feat: Add the /console/* route

web/src/components/HeaderBar.js

@@ -61,8 +61,8 @@ const HeaderBar = () => {
     },
     {
       text: t('控制台'),
-      itemKey: 'detail',
-      to: '/detail',
+      itemKey: 'console',
+      to: '/console',
     },
     {
       text: t('定价'),
@@ -216,7 +216,7 @@ const HeaderBar = () => {
             <Dropdown.Menu className="!bg-semi-color-bg-overlay !border-semi-color-border !shadow-lg !rounded-lg dark:!bg-gray-700 dark:!border-gray-600">
               <Dropdown.Item
                 onClick={() => {
-                  navigate('/personal');
+                  navigate('/console/personal');
                   setMobileMenuOpen(false);
                 }}
                 className="!px-3 !py-1.5 !text-sm !text-semi-color-text-0 hover:!bg-semi-color-fill-1 dark:!text-gray-200 dark:hover:!bg-blue-500 dark:hover:!text-white"
@@ -228,7 +228,7 @@ const HeaderBar = () => {
               </Dropdown.Item>
               <Dropdown.Item
                 onClick={() => {
-                  navigate('/token');
+                  navigate('/console/token');
                   setMobileMenuOpen(false);
                 }}
                 className="!px-3 !py-1.5 !text-sm !text-semi-color-text-0 hover:!bg-semi-color-fill-1 dark:!text-gray-200 dark:hover:!bg-blue-500 dark:hover:!text-white"
@@ -240,7 +240,7 @@ const HeaderBar = () => {
               </Dropdown.Item>
               <Dropdown.Item
                 onClick={() => {
-                  navigate('/topup');
+                  navigate('/console/topup');
                   setMobileMenuOpen(false);
                 }}
                 className="!px-3 !py-1.5 !text-sm !text-semi-color-text-0 hover:!bg-semi-color-fill-1 dark:!text-gray-200 dark:hover:!bg-blue-500 dark:hover:!text-white"

web/src/components/SiderBar.js

@@ -77,20 +77,20 @@ const iconStyle = (itemKey, selectedKeys) => {
 // Define routerMap as a constant outside the component
 const routerMap = {
   home: '/',
-  channel: '/channel',
-  token: '/token',
-  redemption: '/redemption',
-  topup: '/topup',
-  user: '/user',
-  log: '/log',
-  midjourney: '/midjourney',
-  setting: '/setting',
+  channel: '/console/channel',
+  token: '/console/token',
+  redemption: '/console/redemption',
+  topup: '/console/topup',
+  user: '/console/user',
+  log: '/console/log',
+  midjourney: '/console/midjourney',
+  setting: '/console/setting',
   about: '/about',
-  detail: '/detail',
+  detail: '/console',
   pricing: '/pricing',
-  task: '/task',
-  playground: '/playground',
-  personal: '/personal',
+  task: '/console/task',
+  playground: '/console/playground',
+  personal: '/console/personal',
 };
 
 const SiderBar = () => {