Better layout

src/layout/pages/MainLobby.tsx

@@ -2,6 +2,7 @@ import React from "react";
 import useTitle from "../../utils/hooks/TitleHook";
 import Card from "../components/Card";
 import {useNavigate} from "react-router";
+import {NoButton} from "../components/Button";
 
 const ROOM_URL = `${process.env.REACT_APP_API_URL}/room`;
 
@@ -23,14 +24,14 @@ const MainLobby = () => {
         <div className={"main-lobby"}>
             <h1 className={"main-lobby__title mau"}>Mau-Mau</h1>
             <div className={"main-lobby__container"}>
-                <div className={"main-lobby__container-button clickable"} onClick={handleCreateRoom}>
+                <NoButton className={"main-lobby__container-button"} onClick={handleCreateRoom}>
                     <h2 className={"mau"}>Host Game</h2>
                     <Card cardString={'SPADES ACE'} isClickable/>
-                </div>
-                <div className={"main-lobby__container-button clickable"} onClick={() => navigateTo('/rooms')}>
+                </NoButton>
+                <NoButton className={"main-lobby__container-button"} onClick={() => navigateTo('/rooms')}>
                     <h2 className={"mau"}>Join Game</h2>
                     <Card cardString={'SPADES ACE'} isHidden isClickable/>
-                </div>
+                </NoButton>
             </div>
         </div>
     );