feat: FRO-17 Added Rule Component and changed Mainmenu structure (#11)

Added a Rule Component and changed MainMenu Structure

Co-authored-by: LQ63 <lkhermann@web.de>
Reviewed-on: #11
Reviewed-by: Janis <janis-e@gmx.de>
Co-authored-by: lq64 <lq@blackhole.local>
Co-committed-by: lq64 <lq@blackhole.local>

src/views/MainMenuView.vue

@@ -11,17 +11,8 @@ import MainMenuBoxes from "@/components/MainMenuBoxes.vue";
           <h1 class="game-title text-white q-my-none">
             KnockOutWhist
           </h1>
-          <p
-            class="text-h5 text-grey-4 q-mt-md"
-            style="max-width: 900px; margin-left: auto; margin-right: auto;"
-          >
-            Welcome to KnockOutWhist! In this game you have to "knock-out" your opponents until you are the last player standing.
-            Do you have what it takes to be crowned the champion?
-          </p>
         </header>
-
-        <MainMenuBoxes />
-
+          <router-view></router-view>
       </q-page>
     </q-page-container>
   </q-layout>