feat(ui): Tie selection (#26)

Added a minimal ui for the tie selection. Tie selection gets sent to the server via websocket and gets response from it.

Co-authored-by: LQ63 <lkhermann@web.de>
Reviewed-on: #26

src/components/Ingame.vue

@@ -10,6 +10,7 @@ import TurnC from "@/components/ingame/TurnC.vue";
 import TrumpC from "@/components/ingame/TrumpC.vue";
 import {storeToRefs} from "pinia";
 import {ref, toRefs, watch} from "vue";
+import TieC from "@/components/ingame/TieC.vue";
 
 const ig = useIngame()
 const { state } = toRefs(ig)
@@ -45,6 +46,22 @@ watch(
               <TrumpC />
             </div>
           </transition>
+
+
+          <transition
+            appear
+            enter-active-class="animate__animated animate__fadeInDown"
+            leave-active-class="animate__animated animate__fadeOutDown"
+          >
+            <div
+              v-if="state === 'TieBreak'"
+              class="full-overlay-blur"
+              style="z-index: 2000;"
+            >
+              <TieC />
+            </div>
+          </transition>
+
           <div class="fit row wrap justify-center items-center content-start">
             <div class="mt-5 ml-4 self-start col-2">
               <TurnC v-if="(cachedGameInfo as GameInfo)?.playerQueue" :queue="(cachedGameInfo as GameInfo).playerQueue!"/>