fix: website visual issues (#5675)

* fix no modpack loader showing as resource pack loader

* fix table overflow, add game version tags "+ {num}" overflow menu

* pnpm prepr

apps/frontend/src/pages/[type]/[id].vue

@@ -877,7 +877,7 @@
 						v-if="projectV3Loaded && !isServerProject"
 						:project="project"
 						:tags="tags"
-						:v3-metadata="projectV3"
+						:project-v3="projectV3"
 						class="card flex-card experimental-styles-within"
 					/>
 					<AdPlaceholder v-if="!auth.user && tags.approvedStatuses.includes(project.status)" />

apps/frontend/src/pages/[type]/[id]/version/[version].vue

@@ -341,7 +341,8 @@
 				<div v-if="project.project_type !== 'resourcepack'">
 					<h4>Loaders</h4>
 
-					<Categories :categories="version.loaders" :type="project.project_type" />
+					<span v-if="noModpackLoader">No mod loader</span>
+					<Categories v-else :categories="version.loaders ?? []" :type="project.project_type" />
 				</div>
 				<div>
 					<h4>Game versions</h4>
@@ -698,6 +699,25 @@ const title = computed(
 	() => `${isCreating.value ? 'Create Version' : version.value.name} - ${project.value.title}`,
 )
 
+const modpackLoaders = computed<string[]>(() => {
+	if (project.value.project_type !== 'modpack') {
+		return []
+	}
+
+	if (Array.isArray(version.value.mrpack_loaders) && version.value.mrpack_loaders.length > 0) {
+		return version.value.mrpack_loaders
+	}
+
+	return (version.value.loaders ?? []).filter((loader: string) => loader !== 'mrpack')
+})
+
+const noModpackLoader = computed(
+	() =>
+		project.value.project_type === 'modpack' &&
+		modpackLoaders.value.length === 1 &&
+		modpackLoaders.value[0] === 'minecraft',
+)
+
 const description = computed(
 	() =>
 		`Download ${project.value.title} ${