💩 f*ck react

src/main.tsx

@@ -1,27 +1,30 @@
 import { createRoot } from "react-dom/client"
 import { RouterProvider, createBrowserRouter } from "react-router-dom"
 
-import { TerminalPage } from "./components/terminal"
-import ErrorPage from "./error-page"
+import "./index.css"
+import "./lib/i18n"
+
 import { AuthProvider } from "./hooks/useAuth"
 import { NotificationProvider } from "./hooks/useNotfication"
 import { ServerProvider } from "./hooks/useServer"
-import "./index.css"
-import "./lib/i18n"
-import AlertRulePage from "./routes/alert-rule"
+
+import Root from "./routes/root"
+import ErrorPage from "./error-page"
+
+import ProtectedRoute from "./routes/protect"
 import CronPage from "./routes/cron"
-import DDNSPage from "./routes/ddns"
 import LoginPage from "./routes/login"
+import ServerPage from "./routes/server"
+import ServicePage from "./routes/service"
+import { TerminalPage } from "./components/terminal"
+import DDNSPage from "./routes/ddns"
 import NATPage from "./routes/nat"
-import NotificationPage from "./routes/notification"
 import NotificationGroupPage from "./routes/notification-group"
+import ServerGroupPage from "./routes/server-group"
+import AlertRulePage from "./routes/alert-rule"
+import NotificationPage from "./routes/notification"
 import OnlineUserPage from "./routes/online-user"
 import ProfilePage from "./routes/profile"
-import ProtectedRoute from "./routes/protect"
-import Root from "./routes/root"
-import ServerPage from "./routes/server"
-import ServerGroupPage from "./routes/server-group"
-import ServicePage from "./routes/service"
 import SettingsPage from "./routes/settings"
 import UserPage from "./routes/user"
 import WAFPage from "./routes/waf"
@@ -70,14 +73,6 @@ const router = createBrowserRouter([
                     </ServerProvider>
                 ),
             },
-            {
-                path: "/dashboard/notification",
-                element: (
-                    <NotificationProvider withNotifierGroup>
-                        <NotificationPage />
-                    </NotificationProvider>
-                ),
-            },
             {
                 path: "/dashboard/alert-rule",
                 element: (
@@ -114,6 +109,14 @@ const router = createBrowserRouter([
                 path: "/dashboard/terminal/:id",
                 element: <TerminalPage />,
             },
+            {
+                path: "/dashboard/notification",
+                element: (
+                    <NotificationProvider withNotifierGroup>
+                        <NotificationPage />
+                    </NotificationProvider>
+                ),
+            },
             {
                 path: "/dashboard/profile",
                 element: (