refactor: update icon usage to use mdi imports for consistency

src/stores/stores/breadcrumbs.ts

@@ -1,3 +1,4 @@
+import { mdiHome } from '@mdi/js'
 import type { LayoutMenuItem } from './menu'
 import { defineStore } from 'pinia'
 import { computed, ref } from 'vue'
@@ -64,7 +65,7 @@ function toBreadcrumbItems (trail: LayoutMenuItem[],
 export const useBreadcrumbStore = defineStore('breadcrumbs', () => {
   const items = ref<BreadcrumbItem[]>([])
   const homeLabel = ref('首頁')
-  const homeIcon = ref('mdi-home')
+  const homeIcon = ref(mdiHome)
 
   const setBreadcrumbs = (payload: BreadcrumbPayload) => {
     if (!payload?.path) return