initial commit

frontend/src/lib/components/error.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+	import { Button } from '$lib/components/ui/button';
+	import { LucideXCircle } from 'lucide-svelte';
+
+	let { message, showButton = true }: { message: string; showButton?: boolean } = $props();
+</script>
+
+<div class="mt-[20%] flex flex-col items-center">
+	<LucideXCircle class="text-muted-foreground h-12 w-12" />
+	<h1 class="mt-3 text-2xl font-semibold">Something went wrong</h1>
+	<p class="text-muted-foreground">{message}</p>
+	{#if showButton}
+		<Button size="sm" class="mt-5" href="/">Go back to home</Button>
+	{/if}
+</div>