Add games library with IGDB, file explorer and static files script

src/lib/components/ui/Panel.svelte

@@ -2,14 +2,30 @@
 	import type { Snippet } from 'svelte';
 	import Icon from '@iconify/svelte';
 
-	let { title, icon, href, children }: { title?: string; icon?: string; href?: string; children?: Snippet } = $props();
+	let {
+		title,
+		icon,
+		href,
+		onclick,
+		children
+	}: { title?: string; icon?: string; href?: string; onclick?: () => void; children?: Snippet } = $props();
+
+	function handleKeydown(event: KeyboardEvent) {
+		if (!onclick || (event.key !== 'Enter' && event.key !== ' ')) return;
+		event.preventDefault();
+		onclick();
+	}
 </script>
 
 <svelte:element
 	this={href ? 'a' : 'article'}
 	class="panel"
-	class:linked={!!href}
+	class:linked={!!href || !!onclick}
 	{href}
+	role={onclick ? 'button' : undefined}
+	tabindex={onclick ? 0 : undefined}
+	{onclick}
+	onkeydown={onclick ? handleKeydown : undefined}
 	target={href?.startsWith('http') ? '_blank' : undefined}
 	rel={href?.startsWith('http') ? 'noopener noreferrer' : undefined}
 >
@@ -34,6 +50,10 @@
 		background: color-mix(in srgb, var(--foreground) 3%, transparent);
 	}
 
+	.linked {
+		cursor: pointer;
+	}
+
 	.linked:hover {
 		border-color: var(--accent);
 		background: color-mix(in srgb, var(--foreground) 7%, transparent);