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`.

apps/frontend/src/pages/dashboard/collections.vue

@@ -17,7 +17,8 @@
         </Button>
       </div>
       <Button color="primary" @click="(event) => $refs.modal_creation.show(event)">
-        <PlusIcon aria-hidden="true" /> {{ formatMessage(messages.createNewButton) }}
+        <PlusIcon aria-hidden="true" />
+        {{ formatMessage(messages.createNewButton) }}
       </Button>
     </div>
     <div class="collections-grid">
@@ -73,7 +74,7 @@
             </div>
             <div class="stats">
               <template v-if="collection.status === 'listed'">
-                <WorldIcon aria-hidden="true" />
+                <GlobeIcon aria-hidden="true" />
                 <span> {{ formatMessage(commonMessages.publicLabel) }} </span>
               </template>
               <template v-else-if="collection.status === 'unlisted'">
@@ -96,9 +97,16 @@
   </div>
 </template>
 <script setup>
-import { BoxIcon, SearchIcon, XIcon, PlusIcon, LinkIcon, LockIcon } from "@modrinth/assets";
+import {
+  BoxIcon,
+  SearchIcon,
+  XIcon,
+  PlusIcon,
+  LinkIcon,
+  LockIcon,
+  GlobeIcon,
+} from "@modrinth/assets";
 import { Avatar, Button, commonMessages } from "@modrinth/ui";
-import WorldIcon from "~/assets/images/utils/world.svg?component";
 import CollectionCreateModal from "~/components/ui/CollectionCreateModal.vue";
 
 const { formatMessage } = useVIntl();

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

@@ -21,7 +21,8 @@
             class="goto-link"
             to="/dashboard/notifications"
           >
-            See all <ChevronRightIcon />
+            See all
+            <ChevronRightIcon />
           </nuxt-link>
         </div>
         <template v-if="notifications.length > 0">
@@ -48,7 +49,8 @@
         <div v-else class="universal-body">
           <p>You have no unread notifications.</p>
           <nuxt-link class="iconified-button !mt-4" to="/dashboard/notifications/history">
-            <HistoryIcon /> View notification history
+            <HistoryIcon />
+            View notification history
           </nuxt-link>
         </div>
       </section>
@@ -94,8 +96,7 @@
   </div>
 </template>
 <script setup>
-import ChevronRightIcon from "~/assets/images/utils/chevron-right.svg?component";
-import HistoryIcon from "~/assets/images/utils/history.svg?component";
+import { ChevronRightIcon, HistoryIcon } from "@modrinth/assets";
 import Avatar from "~/components/ui/Avatar.vue";
 import NotificationItem from "~/components/ui/NotificationItem.vue";
 import { fetchExtraNotificationData, groupNotifications } from "~/helpers/notifications.js";

apps/frontend/src/pages/dashboard/notifications.vue

@@ -12,9 +12,13 @@
           <h2 v-else class="text-2xl">Notifications</h2>
         </div>
         <template v-if="!history">
-          <Button v-if="hasRead" @click="updateRoute()"> <HistoryIcon /> View history </Button>
+          <Button v-if="hasRead" @click="updateRoute()">
+            <HistoryIcon />
+            View history
+          </Button>
           <Button v-if="notifications.length > 0" color="danger" @click="readAll()">
-            <CheckCheckIcon /> Mark all as read
+            <CheckCheckIcon />
+            Mark all as read
           </Button>
         </template>
       </div>
@@ -51,14 +55,13 @@
 </template>
 <script setup>
 import { Button, Chips } from "@modrinth/ui";
-import { HistoryIcon } from "@modrinth/assets";
+import { HistoryIcon, CheckCheckIcon } from "@modrinth/assets";
 import {
   fetchExtraNotificationData,
   groupNotifications,
   markAsRead,
 } from "~/helpers/notifications.js";
 import NotificationItem from "~/components/ui/NotificationItem.vue";
-import CheckCheckIcon from "~/assets/images/utils/check-check.svg?component";
 import Breadcrumbs from "~/components/ui/Breadcrumbs.vue";
 import Pagination from "~/components/ui/Pagination.vue";
 

apps/frontend/src/pages/dashboard/revenue/withdraw.vue

@@ -80,7 +80,7 @@
             </div>
           </div>
           <div class="label">
-            <RadioButtonChecked v-if="selectedMethodId === method.id" class="radio" />
+            <RadioButtonCheckedIcon v-if="selectedMethodId === method.id" class="radio" />
             <RadioButtonIcon v-else class="radio" />
             <span>{{ method.name }}</span>
           </div>
@@ -192,7 +192,7 @@ import {
   PayPalIcon,
   SearchIcon,
   RadioButtonIcon,
-  RadioButtonChecked,
+  RadioButtonCheckedIcon,
   XIcon,
   TransferIcon,
 } from "@modrinth/assets";