fix: etags and other

remove sanitize-filename because IDs are internally generated
remove pulse animation on NO GAME cards
add migration
refactors to be inline with other stuff

components/GameCarousel.vue

@@ -21,6 +21,7 @@
           <SkeletonCard
             v-for="index in 10"
             :key="index"
+            :loading="true"
             class="mr-3 flex-none"
           />
         </div>

components/SkeletonCard.vue

@@ -1,6 +1,9 @@
 <template>
   <div
-    class="rounded-lg w-48 h-64 bg-zinc-800/50 flex items-center justify-center transition-all duration-300 hover:bg-zinc-800 animate-pulse"
+    :class="[
+      'rounded-lg w-48 h-64 bg-zinc-800/50 flex items-center justify-center transition-all duration-300 hover:bg-zinc-800',
+      props.loading && 'animate-pulse',
+    ]"
   >
     <p class="text-zinc-700 text-sm font-semibold font-display uppercase">
       {{ props.message }}
@@ -11,5 +14,6 @@
 <script setup lang="ts">
 const props = defineProps<{
   message?: string;
+  loading?: boolean;
 }>();
 </script>