feat: Redesign matches page with neon styling and UX improvements

- Convert matches page from DaisyUI to neon esports design system
- Add colored left borders to cards for instant win/loss/tie scanning
- Add player count badges and demo status icons to match cards
- Implement filter state preservation across navigation
- Add staggered card animations and skeleton loading states
- Add slide transition for filter panel
- Make cards compact with horizontal layout for better density
- Update grid to 4 columns on xl screens
- Style DataTable, ShareCodeInput with neon theme
- Add external link support to NeonButton

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/lib/components/ui/NeonButton.svelte

@@ -8,6 +8,7 @@
 		children: Snippet;
 		onclick?: () => void;
 		class?: string;
+		external?: boolean;
 	}
 
 	let {
@@ -16,7 +17,8 @@
 		size = 'md',
 		children,
 		onclick,
-		class: className = ''
+		class: className = '',
+		external = false
 	}: Props = $props();
 
 	const variantClasses = {
@@ -60,6 +62,7 @@
 	<a
 		{href}
 		class="inline-flex items-center justify-center rounded-lg font-semibold transition-all duration-300 hover:scale-105 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-void motion-reduce:transition-none motion-reduce:hover:scale-100 {classes.bg} {classes.text} {classes.glow} {sizeClass} {className}"
+		{...external ? { target: '_blank', rel: 'noopener noreferrer' } : {}}
 	>
 		{@render children()}
 	</a>