fix: restore focus ring styles on readonly inputs for accessibility

Agent-Logs-Url: https://github.com/FuAdd21/LinkHub/sessions/045a9629-fc4d-40aa-a7e0-5e3fe0a00ceb

Co-authored-by: FuAdd21 <207213677+FuAdd21@users.noreply.github.com>

Author: Copilot

link-sharing-frontend/src/pages/dashboard/DashboardLinks.jsx

@@ -89,15 +89,15 @@ export default function DashboardLinks({ userData, links, onRefresh, onUserChang
                 <input
                   readOnly
                   value={userData?.full_name || "Julian Marcus"}
-                  className="w-full bg-surface-container-high/50 border border-outline-variant/5 rounded-xl px-5 py-3.5 text-white font-bold text-sm outline-none"
+                  className="w-full bg-surface-container-high/50 border border-outline-variant/5 rounded-xl px-5 py-3.5 text-white font-bold text-sm focus:ring-2 focus:ring-primary/40 outline-none transition-all"
                 />
               </div>
               <div className="space-y-2">
                 <label className="text-[10px] font-black uppercase tracking-[0.2em] text-outline px-1">Username</label>
                 <input
                   readOnly
                   value={`@${userData?.username || "julianmarcus"}`}
-                  className="w-full bg-surface-container-high/50 border border-outline-variant/5 rounded-xl px-5 py-3.5 text-white font-bold text-sm outline-none"
+                  className="w-full bg-surface-container-high/50 border border-outline-variant/5 rounded-xl px-5 py-3.5 text-white font-bold text-sm focus:ring-2 focus:ring-primary/40 outline-none transition-all"
                 />
               </div>
             </div>
@@ -108,7 +108,7 @@ export default function DashboardLinks({ userData, links, onRefresh, onUserChang
                 readOnly
                 value={userData?.bio || "Digital curator exploring the intersection of modern hardware and atmospheric software design."}
                 rows={3}
-                className="w-full bg-surface-container-high/50 border border-outline-variant/5 rounded-2xl px-5 py-4 text-slate-300 font-medium text-sm outline-none resize-none leading-relaxed"
+                className="w-full bg-surface-container-high/50 border border-outline-variant/5 rounded-2xl px-5 py-4 text-slate-300 font-medium text-sm focus:ring-2 focus:ring-primary/40 outline-none transition-all resize-none leading-relaxed"
               />
             </div>
           </div>