style: 🎨 lucide icons

frontend/src/App.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { onMounted, ref } from "vue";
+import { Folder } from "lucide-vue-next";
 import {
   api,
   type HostRow,
@@ -463,7 +464,10 @@ async function deleteIdentityRow(id: number) {
                 class="min-w-0 flex-1 truncate text-left text-sm text-accent hover:underline"
                 @click="goToFolder(f.id)"
               >
-                📁 {{ f.label }}
+                <span class="inline-flex items-center gap-1.5">
+                  <Folder class="h-4 w-4 shrink-0" aria-hidden="true" />
+                  <span>{{ f.label }}</span>
+                </span>
               </button>
               <button
                 type="button"

frontend/src/components/SftpPanel.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ref, watch } from "vue";
+import { File, Folder } from "lucide-vue-next";
 import { api, type SftpEntry } from "@/api";
 
 const props = defineProps<{ connId: string }>();
@@ -198,7 +199,19 @@ function fmtSize(n: number): string {
             :class="isDir(e.st_mode) ? 'text-accent' : 'text-slate-200'"
             @click="enter(e)"
           >
-            {{ isDir(e.st_mode) ? "📁" : "📄" }} {{ e.filename }}
+            <span class="inline-flex items-center gap-1.5">
+              <Folder
+                v-if="isDir(e.st_mode)"
+                class="h-3.5 w-3.5 shrink-0"
+                aria-hidden="true"
+              />
+              <File
+                v-else
+                class="h-3.5 w-3.5 shrink-0"
+                aria-hidden="true"
+              />
+              <span>{{ e.filename }}</span>
+            </span>
           </button>
           <span class="shrink-0 text-[10px] text-slate-500">{{
             isDir(e.st_mode) ? "" : fmtSize(e.st_size)