Center avatar line origin fixed

Moved avatarRef from container to the image wrapper so the connection lines originate from the PFP center, not including descriptive text. This corrects the line leading to the Home button.

X-Lovable-Edit-ID: edt-cf8ad5ba-08f2-4b9d-9849-47f7ce12258c

src/pages/Index.tsx

@@ -127,10 +127,9 @@ const Index = () => {
       <div className="relative z-10" style={{ width: radius * 2 + (isMobile ? 120 : 160), height: radius * 2 + (isMobile ? 120 : 160) }}>
         {/* Center Avatar */}
         <div
-          ref={avatarRef}
           className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 flex flex-col items-center"
         >
-          <div className="glass-card rounded-full p-1.5 ring-2 ring-primary/20">
+          <div ref={avatarRef} className="glass-card rounded-full p-1.5 ring-2 ring-primary/20">
             <img
               src={avatar}
               alt="Mohamad"