ux: clickable mini-profile avatar (View Profile shortcut) + lock images

- Avatar now opens the full profile screen on click — same effect as the
  button, just a quicker path. Hover scales up slightly to advertise the
  affordance, active scales down for tactile feedback.
- Banner and avatar images are locked: draggable=false on the elements,
  user-select: none + -webkit-user-drag: none on their containers, and
  pointer-events: none on the inner imgs so the click bubbles to the
  avatar wrapper instead of being absorbed by the picture.
- Extract `_miniProfileOpenFull(npub)` so the avatar click and the
  "View Profile" button share one implementation.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: JSKitty

src/js/render/mini-profile.js

@@ -69,6 +69,18 @@ function showMiniProfile(npub, anchorEl) {
     }
 }
 
+/**
+ * Drill into the full profile screen for `npub`. Shared by the avatar click
+ * shortcut and the "View Profile" button.
+ */
+function _miniProfileOpenFull(npub) {
+    hideMiniProfile();
+    if (typeof openProfile !== 'function') return;
+    previousChatBeforeProfile = (typeof strOpenChat !== 'undefined') ? strOpenChat : '';
+    const prof = (typeof getProfile === 'function') ? getProfile(npub) : null;
+    openProfile(prof || { id: npub });
+}
+
 function hideMiniProfile() {
     if (miniProfileEl) { miniProfileEl.remove(); miniProfileEl = null; }
     if (miniProfileBackdrop) { miniProfileBackdrop.remove(); miniProfileBackdrop = null; }
@@ -103,19 +115,27 @@ function _populateMiniProfile(popup, npub, profile) {
         const img = document.createElement('img');
         img.src = bannerSrc;
         img.alt = '';
+        img.draggable = false;
         img.onerror = () => img.remove();
         banner.appendChild(img);
     }
     popup.appendChild(banner);
 
-    // Avatar (overlapping the banner's bottom edge)
+    // Avatar (overlapping the banner's bottom edge). Clicking it is a shortcut
+    // to "View Profile" — same effect as the body button.
     const avatarWrap = document.createElement('div');
     avatarWrap.className = 'mini-profile-avatar';
+    avatarWrap.title = 'View Profile';
+    avatarWrap.onclick = (e) => {
+        e.stopPropagation();
+        _miniProfileOpenFull(npub);
+    };
     const avatarSrc = (typeof getProfileAvatarSrc === 'function') ? getProfileAvatarSrc(profile) : null;
     if (avatarSrc) {
         const img = document.createElement('img');
         img.src = avatarSrc;
         img.alt = '';
+        img.draggable = false;
         img.onerror = () => {
             img.replaceWith(createPlaceholderAvatar(false, 72));
         };
@@ -198,12 +218,7 @@ function _populateMiniProfile(popup, npub, profile) {
     btnView.textContent = 'View Profile';
     btnView.onclick = (e) => {
         e.stopPropagation();
-        hideMiniProfile();
-        if (typeof openProfile === 'function') {
-            previousChatBeforeProfile = (typeof strOpenChat !== 'undefined') ? strOpenChat : '';
-            const prof = (typeof getProfile === 'function') ? getProfile(npub) : null;
-            openProfile(prof || { id: npub });
-        }
+        _miniProfileOpenFull(npub);
     };
     actions.appendChild(btnView);
 

src/styles.css

@@ -2108,12 +2108,18 @@ body.chat-bg-disabled .chat-messages::before {
   flex-shrink: 0;
   position: relative;
   overflow: hidden;
+  /* Banner is decoration — text-select / drag would lift the image off the popup. */
+  user-select: none;
+  -webkit-user-select: none;
+  -webkit-user-drag: none;
 }
 .mini-profile-banner img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
+  -webkit-user-drag: none;
+  pointer-events: none;
 }
 
 .mini-profile-avatar {
@@ -2127,6 +2133,17 @@ body.chat-bg-disabled .chat-messages::before {
   background: #1a1a1a;
   overflow: hidden;
   z-index: 2;
+  cursor: pointer;
+  user-select: none;
+  -webkit-user-select: none;
+  -webkit-user-drag: none;
+  transition: transform 0.1s ease;
+}
+.mini-profile-avatar:hover {
+  transform: scale(1.04);
+}
+.mini-profile-avatar:active {
+  transform: scale(0.98);
 }
 .mini-profile-avatar img,
 .mini-profile-avatar .placeholder-avatar {
@@ -2135,6 +2152,8 @@ body.chat-bg-disabled .chat-messages::before {
   object-fit: cover;
   border-radius: 50%;
   display: block;
+  -webkit-user-drag: none;
+  pointer-events: none;
 }
 
 .mini-profile-body {