Feat : use an svg for the fuck icon

components/PlayerStats.vue

@@ -17,20 +17,20 @@ const props = defineProps<Props>()
             {{ player.team?.health }}
         </span>
     </div>
-    <div class="turn_icon">
+    <!-- <div class="turn_icon" v-if="showTurnData">
         <img src="/images/gold.png" class="icon_img" draggable="false" />
         <span class="turn_icon_number">
             {{ player.turn?.gold_reserve }}
         </span>
     </div>
-    <div class="turn_icon">
+    <div class="turn_icon" v-if="showTurnData">
         <img src="/images/damage.png" class="icon_img" draggable="false" />
         <span class="turn_icon_number">
             {{ player.turn?.damage_reserve }}
         </span>
-    </div>
+    </div> -->
     <div class="turn_icon">
-        <span class="icon_img">🖕</span>
+        <img src="/images/fuck.svg" class="icon_img" draggable="false" />
         <span class="turn_icon_number">{{ (player.turn?.discard_markers ?? 0) + (player.turn?.fuck_u_markers ?? 0)
             }}</span>
     </div>
@@ -47,11 +47,11 @@ const props = defineProps<Props>()
     display: flex;
     justify-content: center;
     align-items: center;
-    height: 50px;
 }
 
 img.icon_img {
     height: 50px;
+    width: 50px;
 }
 
 span.icon_img {