chore(pack): optimize dependencies, reduce bundle size

frontend/src/views/creators/AboutCreator.vue

@@ -10,7 +10,7 @@
       <button v-if="!isEditMode" :title="t('edit')"
         class="flex size-12 items-center justify-center rounded-full bg-hutopyPrimary shadow-lg"
         @click="toggleEditMode()">
-        <v-icon large>mdi-pencil</v-icon>
+        <v-icon :icon="mdiPencil" large />
       </button>
 
       <!-- Save button -->
@@ -20,14 +20,14 @@
           <v-progress-circular indeterminate size="20" width="2" color="white" />
         </template>
         <template v-else>
-          <v-icon>mdi-check</v-icon>
+          <v-icon :icon="mdiCheck" />
         </template>
       </button>
 
       <!-- Cancel button -->
       <button v-if="isEditMode" :title="t('cancel')"
         class="flex size-12 items-center justify-center rounded-full bg-red-500 shadow-lg" @click="cancelEdit">
-        <v-icon large>mdi-close</v-icon>
+        <v-icon :icon="mdiClose" large />
       </button>
     </div>
 
@@ -112,6 +112,7 @@ import { buildEmbedUrl, isValidYouTubeUrlOrId, extractVideoId } from '@/utils/yo
 import AlbumEditor from "@/views/creators/AlbumEditor.vue";
 import AlbumView from "@/views/creators/AlbumView.vue";
 import AlbumViewer from './AlbumViewer.vue';
+import { mdiPencil, mdiCheck, mdiClose } from '@mdi/js';
 
 const { t } = useI18n();
 const creatorProfileStore = useCreatorProfileStore();