Final commit

frontend/src/lib/components/ui/avatar/avatar.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+    import { Avatar as AvatarPrimitive } from 'bits-ui';
+    import { cn } from '$lib/utils.js';
+
+    let {
+        ref = $bindable(null),
+        loadingStatus = $bindable('loading'),
+        class: className,
+        ...restProps
+    }: AvatarPrimitive.RootProps = $props();
+</script>
+
+<AvatarPrimitive.Root
+    bind:ref
+    bind:loadingStatus
+    data-slot="avatar"
+    class={cn('relative flex size-8 shrink-0 overflow-hidden rounded-full', className)}
+    {...restProps}
+/>