feat: profile page + 404 page + refactor code

website/src/lib/components/self/ProfileBadges.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+	import type { UserProfile } from '$lib/types/user-profile';
+	import SilentBadge from './SilentBadge.svelte';
+	import { Hash, Hammer } from 'lucide-svelte';
+
+	let {
+		user,
+		showId = true,
+		size = 'default'
+	}: {
+		user: UserProfile;
+		showId?: boolean;
+		size?: 'sm' | 'default';
+	} = $props();
+
+	let badgeClass = $derived(size === 'sm' ? 'text-xs' : '');
+</script>
+
+<div class="flex items-center">
+	{#if showId}
+		<SilentBadge icon={Hash} class="text-muted-foreground {badgeClass}" text="#{user.id} to join" />
+	{/if}
+	{#if user.isAdmin}
+		<SilentBadge icon={Hammer} text="Admin" class="text-primary {badgeClass}" />
+	{/if}
+</div>