feat: Inertia profile settings page, Studio edit redesign, EGS, Nova UI components\n\n- Redesign /dashboard/profile as Inertia React page (Settings/ProfileEdit)\n with SettingsLayout sidebar, Nova UI components (TextInput, Textarea,\n Toggle, Select, RadioGroup, Modal, Button), avatar drag-and-drop,\n password change, and account deletion sections\n- Redesign Studio artwork edit page with two-column layout, Nova components,\n integrated TagPicker, and version history modal\n- Add shared MarkdownEditor component\n- Add Early-Stage Growth System (EGS): SpotlightEngine, FeedBlender,\n GridFiller, AdaptiveTimeWindow, ActivityLayer, admin panel\n- Fix upload category/tag persistence (V1+V2 paths)\n- Fix tag source enum, category tree display, binding resolution\n- Add settings.jsx Vite entry, settings.blade.php wrapper\n- Update ProfileController with JSON response support for API calls\n- Various route fixes (profile.edit, toolbar settings link)"

resources/js/components/Feed/EmbeddedArtworkCard.jsx

@@ -10,11 +10,28 @@ export default function EmbeddedArtworkCard({ artwork }) {
   const artUrl    = `/art/${artwork.id}/${slugify(artwork.title)}`
   const authorUrl = `/@${artwork.author.username}`
 
+  const handleCardClick = (e) => {
+    // Don't navigate when clicking the author link
+    if (e.defaultPrevented) return
+    window.location.href = artUrl
+  }
+
+  const handleKeyDown = (e) => {
+    if (e.key === 'Enter' || e.key === ' ') {
+      e.preventDefault()
+      window.location.href = artUrl
+    }
+  }
+
   return (
-    <a
-      href={artUrl}
-      className="group flex gap-3 rounded-xl border border-white/[0.08] bg-black/30 p-3 hover:border-sky-500/30 transition-colors"
-      title={artwork.title}
+    // Outer element is a div to avoid <a> inside <a> — navigation handled via onClick
+    <div
+      role="link"
+      tabIndex={0}
+      aria-label={artwork.title}
+      onClick={handleCardClick}
+      onKeyDown={handleKeyDown}
+      className="group flex gap-3 rounded-xl border border-white/[0.08] bg-black/30 p-3 hover:border-sky-500/30 transition-colors cursor-pointer"
     >
       {/* Thumbnail */}
       <div className="w-20 h-16 rounded-lg overflow-hidden shrink-0 bg-white/5">
@@ -45,7 +62,7 @@ export default function EmbeddedArtworkCard({ artwork }) {
         </a>
         <span className="text-[10px] text-slate-600 mt-1 uppercase tracking-wider">Artwork</span>
       </div>
-    </a>
+    </div>
   )
 }