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/JoinGameView.vue

@@ -27,13 +27,7 @@ const startGameQuasar = async() => {
 </script>
 
 <template>
-  <q-layout>
-    <q-page-container>
-      <q-page class="flex justify-start items-center column ">
         <header class="text-center q-mb-xl">
-          <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;"
@@ -70,9 +64,6 @@ const startGameQuasar = async() => {
           </div>
 
         </div>
-      </q-page>
-    </q-page-container>
-  </q-layout>
 </template>
 
 <style scoped>