refactor: update icon usage to use mdi imports for consistency

src/components/layouts/sk-admin-layout/SkAdminAppBarFavoritesCol.vue

@@ -11,24 +11,25 @@ v-if="features.showFavorites && showFavoritesBar && !isMobile"
 v-for="item in favoriteItems" :key="item.path ?? item.title" class="favorite-item" closable
           color="secondary" size="small" variant="outlined" @click="emit('select', item)"
           @click:close="emit('remove-favorite', item)">
-          <v-icon v-if="item.icon" class="me-1" size="16">{{ item.icon }}</v-icon>
+          <v-icon v-if="item.icon" class="me-1" size="16" :icon="item.icon" />
           <span class="text-caption">{{ item.title }}</span>
         </v-chip>
       </transition-group>
       <v-btn
 v-if="favoritesConfig.showAdd" class="favorite-add" color="primary" size="small" variant="outlined"
         @click="emit('add-favorite')">
-        <v-icon class="mr-1" size="16">mdi-plus</v-icon>
+        <v-icon class="mr-1" size="16" :icon="mdiPlus" />
         <span class="text-caption">{{ favoritesConfig.addLabel }}</span>
       </v-btn>
     </div>
     <v-btn color="grey" size="small" variant="text" @click="emit('toggle-favorites-bar', false)">
-      <v-icon>mdi-eye-off</v-icon>
+      <v-icon :icon="mdiEyeOff" />
     </v-btn>
   </v-col>
 </template>
 
 <script setup>
+import { mdiEyeOff, mdiPlus } from '@mdi/js'
 defineProps({
   features: { type: Object, default: () => ({}) },
   showFavoritesBar: { type: Boolean, default: true },