Better layout

src/layout/pages/Rooms.tsx

@@ -19,11 +19,11 @@ const Rooms = () => {
 
     return (
         <div>
-            <h1>Rooms</h1>
+            <h1 className={"mau"}>Rooms</h1>
             <ul>
                 {
                     rooms.map((room, index) => {
-                        return <li key={index} className={"clickable"}
+                        return <li key={index} className={"mouse-pointer mau"}
                                    onClick={() => navigateTo(`/room/${room}`)}>{room}</li>
                     })
                 }