feat(noita): death counter + ranking display

polylan_submitter/src/components/Results.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
+import RankBadge from "./RankBadge.vue";
 
 interface User {
   id: number;
@@ -264,16 +265,7 @@ onMounted(() => {
                 <tbody>
                   <tr v-for="(user, index) in getOverallRanking()" :key="user.username">
                     <td class="font-bold">
-                      <span v-if="index === 0" class="badge badge-warning badge-lg">
-                        🏆 #1
-                      </span>
-                      <span v-else-if="index === 1" class="badge badge-lg">
-                        🥈 #2
-                      </span>
-                      <span v-else-if="index === 2" class="badge badge-lg">
-                        🥉 #3
-                      </span>
-                      <span v-else>#{{ index + 1 }}</span>
+                      <RankBadge :rank="index + 1" />
                     </td>
                     <td class="font-medium">{{ user.username }}</td>
                     <td class="text-right">{{ user.puzzlesSolved }}</td>