Prefer icons from modrinth/assets (#3394)

Replaced all icon usages of `apps/frontend/src/assets/image/utils` for `@modrinth/assets`.

The only icon which has been changed is the `WorldIcon`, which has been replaced by the `GlobeIcon`.

packages/ui/src/components/base/PreviewSelectButton.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { RadioButtonIcon, RadioButtonChecked } from '@modrinth/assets'
+import { RadioButtonIcon, RadioButtonCheckedIcon } from '@modrinth/assets'
 
 withDefaults(
   defineProps<{
@@ -15,7 +15,7 @@ withDefaults(
     <slot name="preview" />
     <div>
       <RadioButtonIcon v-if="!checked" class="w-4 h-4" />
-      <RadioButtonChecked v-else class="w-4 h-4" />
+      <RadioButtonCheckedIcon v-else class="w-4 h-4" />
       <slot />
     </div>
   </div>

packages/ui/src/components/base/RadioButtons.vue

@@ -10,14 +10,14 @@
       }"
       @click="selected = item"
     >
-      <RadioButtonChecked v-if="selected === item" class="text-brand h-5 w-5" />
+      <RadioButtonCheckedIcon v-if="selected === item" class="text-brand h-5 w-5" />
       <RadioButtonIcon v-else class="h-5 w-5" />
       <slot :item="item" />
     </button>
   </div>
 </template>
 <script setup lang="ts" generic="T">
-import { RadioButtonIcon, RadioButtonChecked } from '@modrinth/assets'
+import { RadioButtonIcon, RadioButtonCheckedIcon } from '@modrinth/assets'
 import { computed } from 'vue'
 
 const props = withDefaults(

packages/ui/src/components/billing/PurchaseModal.vue

@@ -185,7 +185,7 @@
             class="flex cursor-pointer items-center gap-2"
             @click="selectedPlan = interval"
           >
-            <RadioButtonChecked v-if="selectedPlan === interval" class="h-8 w-8 text-brand" />
+            <RadioButtonCheckedIcon v-if="selectedPlan === interval" class="h-8 w-8 text-brand" />
             <RadioButtonIcon v-else class="h-8 w-8 text-secondary" />
             <span
               class="text-lg capitalize"
@@ -483,11 +483,13 @@
           :disabled="paymentLoading || !eulaAccepted"
           @click="submitPayment"
         >
-          <CheckCircleIcon /> Subscribe
+          <CheckCircleIcon />
+          Subscribe
         </button>
         <!-- Default Subscribe Button, so M+ still works -->
         <button v-else class="btn btn-primary" :disabled="paymentLoading" @click="submitPayment">
-          <CheckCircleIcon /> Subscribe
+          <CheckCircleIcon />
+          Subscribe
         </button>
       </template>
     </div>
@@ -507,7 +509,7 @@ import {
   IssuesIcon,
   PayPalIcon,
   PlusIcon,
-  RadioButtonChecked,
+  RadioButtonCheckedIcon,
   RadioButtonIcon,
   RightArrowIcon,
   XIcon,

packages/ui/src/components/settings/ThemeSelector.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { MoonIcon, RadioButtonChecked, RadioButtonIcon, SunIcon } from '@modrinth/assets'
+import { MoonIcon, RadioButtonCheckedIcon, RadioButtonIcon, SunIcon } from '@modrinth/assets'
 import { useVIntl, defineMessages } from '@vintl/vintl'
 
 const { formatMessage } = useVIntl()
@@ -80,7 +80,7 @@ const colorTheme = defineMessages({
         </div>
       </div>
       <div class="label">
-        <RadioButtonChecked v-if="currentTheme === option" class="radio" />
+        <RadioButtonCheckedIcon v-if="currentTheme === option" class="radio" />
         <RadioButtonIcon v-else class="radio" />
         {{ colorTheme[option] ? formatMessage(colorTheme[option]) : option }}
         <SunIcon