refactor: react router (#5073)

* refactor: react router

* chore: update

* fix: router

* refactor: generate router children by navItems

* chore: set start page when create window

* docs: update UPDATELOG.md

src/main.tsx

@@ -6,11 +6,11 @@ import { ResizeObserver } from "@juggle/resize-observer";
 import { ComposeContextProvider } from "foxact/compose-context-provider";
 import React from "react";
 import { createRoot } from "react-dom/client";
-import { BrowserRouter } from "react-router-dom";
+import { RouterProvider } from "react-router";
 import { MihomoWebSocket } from "tauri-plugin-mihomo-api";
 
 import { BaseErrorBoundary } from "./components/base";
-import Layout from "./pages/_layout";
+import { router } from "./pages/_routers";
 import { AppDataProvider } from "./providers/app-data-provider";
 import { WindowProvider } from "./providers/window";
 import { initializeLanguage } from "./services/i18n";
@@ -64,9 +64,7 @@ const initializeApp = async () => {
           <BaseErrorBoundary>
             <WindowProvider>
               <AppDataProvider>
-                <BrowserRouter>
-                  <Layout />
-                </BrowserRouter>
+                <RouterProvider router={router} />
               </AppDataProvider>
             </WindowProvider>
           </BaseErrorBoundary>