Refactor(UI) : Refactor Frontend: Unified Toasts with Sonner, Introduced Layout System, and Integrated React Router (#872)

web/src/main.tsx

@@ -1,10 +1,26 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
 import App from './App.tsx'
+import { Toaster } from 'sonner'
 import './index.css'
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
+    <Toaster
+      theme="dark"
+      richColors
+      closeButton
+      position="top-center"
+      duration={2200}
+      toastOptions={{
+        className: 'nofx-toast',
+        style: {
+          background: '#0b0e11',
+          border: '1px solid var(--panel-border)',
+          color: 'var(--text-primary)',
+        },
+      }}
+    />
     <App />
   </React.StrictMode>
 )