Versions environments updates (#4949)

* add environment to version page metadata card

* remove environment migration warnings

* show settings/environments in nav only for staff

* use v2 versions route due to regressions

* add modpack incorrect loaders migration

* remove modpack migration step

* remove unused var

* run pnpm intl:extract

* componentize environment migration page

* rename environment selector

* rename environment selector pt2

* add migration modal to admonition

* hide environments in settings and show message

* show environment in project versions table

* pnpm fix

* pnpm fix on ui package

* intl:extract

* fix: .value

* lower case file

* add icon to environment tags and use i18n

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

Co-authored-by: Calum H. <contact@cal.engineer>
Signed-off-by: Truman Gao <106889354+tdgao@users.noreply.github.com>

* open migration modal from warning icon in project dashboard

* fix settings side nav icon

* use useRoute composable

* pnpm fix

* intl:extract

* fix import

* fix import again

* run pnpm prepr

* fix designMessage import

* fix environment fetch

* fix environment fetch properly without key conflict

* fix environment refetching

* fix not using current versions in table to check different environments

* fix download tooltip

---------

Signed-off-by: Truman Gao <106889354+tdgao@users.noreply.github.com>
Co-authored-by: Calum H. (IMB11) <contact@cal.engineer>

packages/ui/src/components/project/settings/environment/ProjectEnvironmentModal.vue

@@ -0,0 +1,40 @@
+<template>
+	<NewModal ref="modal" :scrollable="true" max-content-height="82vh" :closable="true">
+		<template #title>
+			<span class="text-lg font-extrabold text-contrast">Edit project Environment</span>
+		</template>
+		<div class="mb-24 max-w-[600px]">
+			<EnvironmentMigration />
+		</div>
+	</NewModal>
+</template>
+
+<script setup lang="ts">
+import { onMounted, useTemplateRef } from 'vue'
+import { useRoute } from 'vue-router'
+
+import { NewModal } from '../../../modal'
+import EnvironmentMigration from './EnvironmentMigration.vue'
+
+const modal = useTemplateRef<InstanceType<typeof NewModal>>('modal')
+
+function show() {
+	modal.value?.show()
+}
+
+function hide() {
+	modal.value?.hide()
+}
+
+onMounted(() => {
+	const route = useRoute()
+	if (route.query.showEnvironmentMigrationWarning === 'true') {
+		show()
+	}
+})
+
+defineExpose({
+	show,
+	hide,
+})
+</script>