create dirs + delete dirs + delete files

frontend/components/DirectoryList.vue

@@ -6,17 +6,21 @@ const { entries } = defineProps<{
 }>();
 
 const { isLoading } = useLoadingIndicator();
+
+const sortedEntries = computed(() =>
+    entries.toSorted((a, b) => a.name.localeCompare(b.name))
+);
 </script>
 
 <template>
     <ScrollArea class="w-full h-full">
-        <div class="flex flex-row gap-2">
+        <div class="flex flex-row flex-wrap gap-2">
             <DirectoryEntry
-                v-for="entry in entries"
+                v-for="entry in sortedEntries"
                 :key="entry.name"
                 :name="entry.name"
-                :entry-type="entry.fileType"
-				:disabled="isLoading"
+                :file-type="entry.fileType"
+                :disabled="isLoading"
             />
         </div>
     </ScrollArea>