refactor(10-12): migrate cloud/settings/UI SVGs to AppIcon

- SearchableModelSelect: chevronDown + pencilEdit
- SettingsCloudTab: warning (x2) + cloud icons
- CloudProviderTreeItem: cloud icon
- CloudFolderTreeItem: folder + fileDoc icons

frontend/src/components/cloud/CloudFolderTreeItem.vue

@@ -7,26 +7,8 @@
     @select="navigate"
   >
     <template #icon>
-      <svg
-        v-if="folder.is_dir"
-        class="w-4 h-4 shrink-0 text-gray-400"
-        fill="none"
-        stroke="currentColor"
-        viewBox="0 0 24 24"
-      >
-        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-          d="M3 7a2 2 0 012-2h4l2 2h8a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V7z" />
-      </svg>
-      <svg
-        v-else
-        class="w-4 h-4 shrink-0 text-gray-400"
-        fill="none"
-        stroke="currentColor"
-        viewBox="0 0 24 24"
-      >
-        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-          d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" />
-      </svg>
+      <AppIcon v-if="folder.is_dir" name="folder" class="w-4 h-4 shrink-0 text-gray-400" />
+      <AppIcon v-else name="fileDoc" class="w-4 h-4 shrink-0 text-gray-400" />
     </template>
     <template #children="{ children }">
       <CloudFolderTreeItem
@@ -43,6 +25,7 @@
 <script setup>
 import { useRouter } from 'vue-router'
 import * as api from '../../api/client.js'
+import AppIcon from '../ui/AppIcon.vue'
 import TreeItem from '../ui/TreeItem.vue'
 
 const props = defineProps({