main page overhaul

src/config/Router.tsx

@@ -1,14 +1,16 @@
 import React from "react";
 import {BrowserRouter, Route, Routes} from "react-router-dom";
-import Home from "../layout/pages/Home";
+import MainLobby from "../layout/pages/MainLobby";
 import NotFound from "../layout/pages/NotFound";
 import Room from "../layout/pages/Room";
+import Rooms from "../layout/pages/Rooms";
 
 const Router = () => {
     return (
         <BrowserRouter>
             <Routes>
-                <Route path="/" element={<Home/>}/>
+                <Route path="/" element={<MainLobby/>}/>
+                <Route path="rooms" element={<Rooms/>}/>
                 <Route path="room/:roomId" element={<Room/>}/>
                 <Route path="*" element={<NotFound/>}/>
             </Routes>