refactor: update icon usage to use mdi imports for consistency

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

@@ -6,7 +6,7 @@ v-for="item in mobileCurrentItems" :key="item.path ?? item.title" class="mb-1" r
         @click="emit('item-click', item)">
         <v-list-item-title class="text-body-2">{{ item.title }}</v-list-item-title>
         <template #append>
-          <v-icon size="18">{{ item.subItems?.length ? 'mdi-chevron-right' : 'mdi-arrow-top-right' }}</v-icon>
+          <v-icon size="18" :icon="item.subItems?.length ? mdiChevronRight : mdiArrowTopRight" />
         </template>
       </v-list-item>
     </v-list>
@@ -14,6 +14,7 @@ v-for="item in mobileCurrentItems" :key="item.path ?? item.title" class="mb-1" r
 </template>
 
 <script setup>
+import { mdiArrowTopRight, mdiChevronRight } from '@mdi/js'
 defineProps({
   mobileCurrentItems: {
     type: Array,