refactor: update icon usage to use mdi imports for consistency

src/views/errors/ErrorShell.vue

@@ -4,7 +4,7 @@
       <v-col cols="12" md="8" sm="10">
         <v-card border class="pa-6" variant="flat">
           <v-card-title class="d-flex align-center ga-3">
-            <v-icon :color="color" size="36">{{ icon }}</v-icon>
+            <v-icon :color="color" size="36" :icon="icon" />
             <div class="text-h5">{{ title }}</div>
             <div class="text-caption text-medium-emphasis">{{ codeLabel }}</div>
             <v-spacer />
@@ -35,6 +35,7 @@
 </template>
 
 <script setup lang="ts">
+import { mdiAlertCircleOutline } from '@mdi/js'
 import { computed } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 
@@ -51,7 +52,7 @@ type Props = {
 
 const props = withDefaults(defineProps<Props>(), {
   description: undefined,
-  icon: 'mdi-alert-circle-outline',
+  icon: mdiAlertCircleOutline,
   color: 'warning',
   showHome: true,
   showLogin: true,