Rearchitecture for v0.4.0 (#197)

* feat: database redist support

* feat: rearchitecture of database schemas, migration reset, and #180

* feat: import redists

* fix: giantbomb logging bug

* feat: partial user platform support + statusMessage -> message

* feat: add user platform filters to store view

* fix: sanitize svg uploads

... copilot suggested this

I feel dirty.

* feat: beginnings of platform & redist management

* feat: add server side redist patching

* fix: update drop-base commit

* feat: import of custom platforms & file extensions

* fix: redelete platform

* fix: remove platform

* feat: uninstall commands, new R UI

* checkpoint: before migrating to nuxt v4

* update to nuxt 4

* fix: fixes for Nuxt v4 update

* fix: remaining type issues

* feat: initial feedback to import other kinds of versions

* working commit

* fix: lint

* feat: redist import

app/pages/library/collection/[id]/index.vue

@@ -0,0 +1,68 @@
+<template>
+  <div class="flex flex-col">
+    <div class="max-w-2xl">
+      <div class="flex items-center gap-x-3 mb-4">
+        <NuxtLink
+          to="/library"
+          class="transition text-sm/6 font-semibold text-zinc-400 hover:text-zinc-100 inline-flex gap-x-2 items-center duration-200 hover:scale-105"
+        >
+          <ArrowLeftIcon class="h-4 w-4" aria-hidden="true" />
+          {{ $t("library.back") }}
+        </NuxtLink>
+      </div>
+      <h2 class="text-2xl font-bold font-display text-zinc-100">
+        {{ collection?.name }}
+      </h2>
+      <p class="mt-2 text-zinc-400">
+        {{ $t("library.gameCount", collection?.entries?.length || 0) }}
+      </p>
+    </div>
+
+    <!-- Games grid -->
+    <div
+      class="mt-4 flex flex-row gap-4 flex-wrap justify-center sm:justify-start"
+    >
+      <GamePanel
+        v-for="entry in collection?.entries"
+        :key="entry.gameId"
+        :game="entry.game"
+        :href="`/library/game/${entry.game.id}`"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ArrowLeftIcon } from "@heroicons/vue/20/solid";
+
+const route = useRoute();
+const collections = await useCollections();
+const { t } = useI18n();
+const collection = computed(() =>
+  collections.value.find((e) => e.id == route.params.id),
+);
+if (collection.value === undefined) {
+  throw createError({
+    statusCode: 404,
+    message: t("library.collection.notFound"),
+    fatal: true,
+  });
+}
+
+useHead({
+  title: collection.value?.name || t("library.collection.title"),
+});
+</script>
+
+<style scoped>
+.fade-enter-active,
+.fade-leave-active {
+  transition: all 0.2s ease;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+  transform: translateX(30px);
+}
+</style>