Refactor search page, migrate to /discover/ (#4862)

apps/frontend/src/pages/discover.vue

@@ -0,0 +1,65 @@
+<script setup lang="ts">
+import { commonProjectTypeCategoryMessages } from '@modrinth/ui'
+import { useVIntl } from '@vintl/vintl'
+
+import NavTabs from '~/components/ui/NavTabs.vue'
+const { formatMessage } = useVIntl()
+
+const flags = useFeatureFlags()
+const cosmetics = useCosmetics()
+const route = useRoute()
+
+const allowTabChanging = computed(() => !route.query.sid)
+
+const selectableProjectTypes = [
+	{
+		label: formatMessage(commonProjectTypeCategoryMessages.mod),
+		href: `/discover/mods`,
+		type: 'mods',
+	},
+	{
+		label: formatMessage(commonProjectTypeCategoryMessages.resourcepack),
+		href: `/discover/resourcepacks`,
+		type: 'resourcepacks',
+	},
+	{
+		label: formatMessage(commonProjectTypeCategoryMessages.datapack),
+		href: `/discover/datapacks`,
+		type: 'datapacks',
+	},
+	{
+		label: formatMessage(commonProjectTypeCategoryMessages.shader),
+		href: `/discover/shaders`,
+		type: 'shaders',
+	},
+	{
+		label: formatMessage(commonProjectTypeCategoryMessages.modpack),
+		href: `/discover/modpacks`,
+		type: 'modpacks',
+	},
+	{
+		label: formatMessage(commonProjectTypeCategoryMessages.plugin),
+		href: `/discover/plugins`,
+		type: 'plugins',
+	},
+	{
+		label: formatMessage(commonProjectTypeCategoryMessages.server),
+		href: `/discover/servers`,
+		type: 'servers',
+		shown: flags.value.serverDiscovery,
+	},
+]
+</script>
+<template>
+	<div class="new-page sidebar" :class="{ 'alt-layout': !cosmetics.rightSearchLayout }">
+		<section class="normal-page__header mb-4 flex flex-col gap-4">
+			<div id="discover-header-prefix" class="empty:hidden"></div>
+			<NavTabs
+				v-if="!flags.projectTypesPrimaryNav && allowTabChanging"
+				:links="selectableProjectTypes"
+				class="hidden md:flex"
+			/>
+		</section>
+		<NuxtPage />
+	</div>
+</template>