feat: fix namespace display and add clickable app links

- reverse namespace display (app.bsky -> bsky.app)
- make app names clickable links to actual URLs
- add hover underline effect for app name links

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

Co-Authored-By: Claude <[e-mail]>

src/templates.rs

···
             color: var(--text);
             text-align: center;
             max-width: clamp(80px, 15vmin, 120px);
+            text-decoration: none;
+            display: block;
+        }}
+
+        .app-name:hover {{
+            text-decoration: underline;
+            color: var(--text);
         }}
 
         .detail-panel {{

static/app.js

···
 
             const firstLetter = namespace.split('.')[1]?.[0]?.toUpperCase() || namespace[0].toUpperCase();
 
+            // Reverse namespace for display (app.bsky -> bsky.app)
+            const displayName = namespace.split('.').reverse().join('.');
+            const url = `https://${displayName}`;
+
             div.innerHTML = `
                 <div class="app-circle" data-namespace="${namespace}">${firstLetter}</div>
-                <div class="app-name">${namespace}</div>
+                <a href="${url}" target="_blank" rel="noopener noreferrer" class="app-name">${displayName}</a>
             `;
 
             // Try to fetch and display avatar