(feat): added dynamic port config for msghost, new settings page and ui improvements

src/main.tsx

@@ -1,9 +1,20 @@
 import React from "react";
+import "@/index.css";
 import ReactDOM from "react-dom/client";
-import App from "./App";
+import { BrowserRouter, Routes, Route } from "react-router-dom";
+import App from "@/App";
+import HomePage from "@/pages/home";
+import SettingsPage from "@/pages/settings";
 
-ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
+ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
-    <App />
+    <App>
+      <BrowserRouter>
+        <Routes>
+          <Route path="/" element={<HomePage />} />
+          <Route path="/settings" element={<SettingsPage />} />
+        </Routes>
+      </BrowserRouter>
+    </App>
   </React.StrictMode>,
 );