Svelte 컴포넌트를 제외한 파일, 폴더 및 라우팅 경로의 이름을 kebab-case로 통일하고 import 경로에 실제 파일 확장자를 사용하도록 변경

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

src/routes/(main)/directory/[[id]]/directory-entries/UploadingFile.svelte

@@ -0,0 +1,37 @@
+<script lang="ts">
+  import type { LiveFileUploadState } from "#lib/client/transfer/index.ts";
+  import { formatNetworkSpeed } from "#lib/utils/index.ts";
+
+  import IconDraft from "~icons/material-symbols/draft";
+
+  interface Props {
+    state: LiveFileUploadState;
+  }
+
+  let { state }: Props = $props();
+</script>
+
+<div class="flex h-14 gap-x-4 p-2">
+  <div class="flex size-10 shrink-0 items-center justify-center text-xl">
+    <IconDraft class="text-gray-600" />
+  </div>
+  <div class="flex grow flex-col overflow-hidden text-gray-800">
+    <p title={state.name} class="truncate font-medium">
+      {state.name}
+    </p>
+    <p class="text-xs">
+      {#if state.status === "queued"}
+        대기 중
+      {:else if state.status === "encryption-pending"}
+        준비 중
+      {:else if state.status === "encrypting"}
+        암호화하는 중
+      {:else if state.status === "upload-pending"}
+        업로드를 기다리는 중
+      {:else if state.status === "uploading"}
+        전송됨 {Math.floor((state.progress ?? 0) * 100)}% ·
+        {formatNetworkSpeed((state.rate ?? 0) * 8)}
+      {/if}
+    </p>
+  </div>
+</div>