refactor(assets): use createSharedComposable for useModelTypes

Wrap composable with createSharedComposable from VueUse to:
- Fix HMR compatibility (state no longer lost on hot reload)
- Remove import side effects from module-scoped variables
- Create state lazily on first use while maintaining shared singleton behavior

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: luke-mino-altherr

src/platform/assets/composables/useModelTypes.ts

@@ -1,6 +1,7 @@
 import { ref } from 'vue'
+import { createSharedComposable } from '@vueuse/core'
 
-import { assetService } from '@/platform/assets/services/assetService'
+import { api } from '@/scripts/api'
 
 /**
  * Format folder name to display name
@@ -37,17 +38,16 @@ interface ModelTypeOption {
   value: string // Actual tag value
 }
 
-// Shared state across all instances
-const modelTypes = ref<ModelTypeOption[]>([])
-const isLoading = ref(false)
-const error = ref<string | null>(null)
-let fetchPromise: Promise<void> | null = null
-
 /**
  * Composable for fetching and managing model types from the API
  * Uses shared state to ensure data is only fetched once
  */
-export function useModelTypes() {
+export const useModelTypes = createSharedComposable(() => {
+  const modelTypes = ref<ModelTypeOption[]>([])
+  const isLoading = ref(false)
+  const error = ref<string | null>(null)
+  let fetchPromise: Promise<void> | null = null
+
   /**
    * Fetch model types from the API (only fetches once, subsequent calls reuse the same promise)
    */
@@ -67,7 +67,7 @@ export function useModelTypes() {
 
     fetchPromise = (async () => {
       try {
-        const response = await assetService.getModelTypes()
+        const response = await api.getModelFolders()
         modelTypes.value = response.map((folder) => ({
           name: formatDisplayName(folder.name),
           value: folder.name
@@ -91,4 +91,4 @@ export function useModelTypes() {
     error,
     fetchModelTypes
   }
-}
+})