카테고리 페이지에서의 네트워크 호출 최적화

src/routes/(main)/directory/[[id]]/DirectoryEntries/DirectoryEntries.svelte

@@ -39,7 +39,7 @@
       details,
     });
 
-  const entries = $derived([
+  let entries = $derived([
     ...(showParentEntry ? ([{ type: "parent" }] as const) : []),
     ...sortEntries(info.subDirectories.map(toEntry("directory"))),
     ...sortEntries([

src/routes/(main)/directory/[[id]]/DirectoryEntries/File.svelte

@@ -35,7 +35,13 @@
   actionButtonIcon={IconMoreVert}
   onActionButtonClick={() => action(onOpenMenuClick)}
 >
-  {#await thumbnailPromise then thumbnail}
+  {#await thumbnailPromise}
+    <DirectoryEntryLabel
+      type="file"
+      name={info.name}
+      subtext={formatDateTime(info.createdAt ?? info.lastModifiedAt)}
+    />
+  {:then thumbnail}
     <DirectoryEntryLabel
       type="file"
       thumbnail={thumbnail ?? undefined}

src/routes/(main)/directory/[[id]]/service.svelte.ts

@@ -98,7 +98,6 @@ export const requestFileUpload = async (
 export const requestEntryRename = async (entry: SelectedEntry, newName: string) => {
   if (!entry.dataKey) {
     // TODO: Error Handling
-    console.log("hi");
     return false;
   }