Make entire demo card clickable for better UX

Moved onclick handler from .demo-screenshot div to .demo-card div,
allowing users to click anywhere on the card to open the demo instead
of just the top screenshot area.

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

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

index.html

@@ -2210,8 +2210,8 @@
             const emoji = categoryEmojis[category] || '🖼️';
 
             return `
-                <div class="demo-card" data-category="${category}" data-title="${demo.title.toLowerCase()}" data-type="${demo.type.toLowerCase()}" data-path="${demo.path}">
-                    <div class="demo-screenshot" onclick="window.location.href='${demo.path}'">
+                <div class="demo-card" data-category="${category}" data-title="${demo.title.toLowerCase()}" data-type="${demo.type.toLowerCase()}" data-path="${demo.path}" onclick="window.location.href='${demo.path}'">
+                    <div class="demo-screenshot">
                         <img src="${screenshotPath}"
                              alt="${demo.title} screenshot"
                              onerror="this.style.display='none'; this.nextElementSibling.style.display='block';">