working on the frontend, adding torrent page, working on show directory, working on the api

web/src/lib/components/ui/table/table-head.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+    import type {HTMLThAttributes} from 'svelte/elements';
+    import type {WithElementRef} from 'bits-ui';
+    import {cn} from '$lib/utils.js';
+
+    let {
+        ref = $bindable(null),
+        class: className,
+        children,
+        ...restProps
+    }: WithElementRef<HTMLThAttributes> = $props();
+</script>
+
+<th
+        bind:this={ref}
+        class={cn(
+		'h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
+		className
+	)}
+        {...restProps}
+>
+    {@render children?.()}
+</th>