minor update

src/App.tsx

@@ -13,8 +13,8 @@ function App() {
 
     return (
         <>
-        {/*https://react.dev/reference/react-dom/createPortal*/}
-           {createPortal(<Titlebar/> , document.getElementById("titlebar")!)}
+            {/*https://react.dev/reference/react-dom/createPortal*/}
+            {createPortal(<Titlebar />, document.getElementById("titlebar")!)}
             <VidPlayer />
         </>
     );

src/main.tsx

@@ -1,24 +1,22 @@
-// main.tsx
 import React from "react";
 import { createRoot } from "react-dom/client";
-import { BrowserRouter} from "react-router-dom"; // Import BrowserRouter
+import { BrowserRouter } from "react-router-dom"; // Import BrowserRouter
 import "./styles.css";
 import { AnimatePresence } from "framer-motion";
 import Router from "./router";
 
 
-
 const rootDomNode = document.getElementById('root');
 const root = createRoot(rootDomNode);
 root.render(
-  <BrowserRouter basename="/">
-    <React.StrictMode>
-      <AnimatePresence
-        initial={true}
-        onExitComplete={() => null}
-        mode={"sync"}
-      > <Router></Router>
-      </AnimatePresence>
-    </React.StrictMode>
-  </BrowserRouter>
+    <BrowserRouter basename="/">
+        <React.StrictMode>
+            <AnimatePresence
+                initial={true}
+                onExitComplete={() => null}
+                mode={"sync"}
+            > <Router></Router>
+            </AnimatePresence>
+        </React.StrictMode>
+    </BrowserRouter>
 );

src/router.tsx

@@ -5,9 +5,9 @@ import { Route, Routes } from "react-router-dom";
 
 export default function Router() {
     return (<Routes>
-         <Route path="/settings" element={<Settings />} />
-         <Route path="/server" element={<Server />} />
-            <Route path="/" element={<App />} />
-         </Routes>);
+        <Route path="/settings" element={<Settings />} />
+        <Route path="/server" element={<Server />} />
+        <Route path="/" element={<App />} />
+    </Routes>);
 }
 

src/views/Server.tsx

@@ -1,12 +1,11 @@
-import {useState } from "react";
-
+import { useState } from "react";
 import SideMenu from "../components/sideMenu/sideMenu";
-import Toast from "../components/toast/Toast";
 import RtspServerInfo from "./ServerInfoView/RtspServerInfo";
 import { createPortal } from "react-dom";
 import Titlebar from "../components/titlebar/titlebar";
 import RtmpConnInfo from "./ServerInfoView/RtmpServerInfo";
 import HLsConnInfo from "./ServerInfoView/HlsServerInfo";
+import Toast from "../components/toast/Toast";
 export default function ServerInfo() {
     const [error, setError] = useState<string | null>(null);
     const [currentSetting, setCurrentSetting] = useState("RTSP"); // Initially show the "API Setting" component
@@ -25,7 +24,7 @@ export default function ServerInfo() {
 
     return (
         <>
-             {createPortal(<Titlebar/> , document.getElementById("titlebar")!)}
+            {createPortal(<Titlebar />, document.getElementById("titlebar")!)}
             <div className="flex flex-col  h-screen">
                 <div className="flex">
                     <div className="w-1/4 mx-auto fixed  h-full">