make neoforge icon look more fox-like, replace hosting LoaderIcon with TagIcon (#7045)

make neoforge icon look more fox-like, replace hosting LoaderIcon with ui lib TagIcon

apps/app-frontend/src/pages/instance/components/page-header/index.vue

@@ -55,8 +55,8 @@
 				</PageHeaderMetadataItem>
 				<PageHeaderMetadataItem
 					v-if="sharedInstanceManager?.type !== 'user'"
-					:icon="ServerLoaderIcon"
-					:icon-props="{ loader: loaderDisplayName }"
+					:icon="TagIcon"
+					:icon-props="{ tag: loaderDisplayName, enforceType: 'loader' }"
 					tooltip="Mod loader"
 				>
 					{{ loaderLabel }}
@@ -205,7 +205,6 @@ import {
 	commonMessages,
 	defineMessages,
 	formatLoaderLabel,
-	LoaderIcon as ServerLoaderIcon,
 	type OverflowMenuOption,
 	PageHeader,
 	PageHeaderActions,
@@ -213,6 +212,7 @@ import {
 	PageHeaderMetadata,
 	PageHeaderMetadataItem,
 	type ServerLoader,
+	TagIcon,
 	useVIntl,
 } from '@modrinth/ui'
 import { computed } from 'vue'

apps/frontend/src/pages/hosting/index.vue

@@ -154,7 +154,7 @@
 					</div>
 
 					<div class="relative flex flex-col gap-4 rounded-2xl bg-bg p-6 text-left md:p-12">
-						<LoaderIcon loader="fabric" class="size-8 text-brand" />
+						<TagIcon tag="fabric" enforce-type="loader" class="size-8 text-brand" />
 						<h2 class="m-0 text-lg font-bold">{{ formatMessage(messages.yourFavoriteMods) }}</h2>
 						<h3 class="m-0 text-base font-normal text-secondary">
 							{{ formatMessage(messages.yourFavoriteModsDescription) }}
@@ -641,9 +641,9 @@ import {
 	injectModrinthClient,
 	injectNotificationManager,
 	IntlFormatted,
-	LoaderIcon,
 	ModrinthServersPurchaseModal,
 	OptionGroup,
+	TagIcon,
 	useFormatPrice,
 	useVIntl,
 } from '@modrinth/ui'