Extract scroll-to-top into shared util

Add apps/web/src/lib/scrollToTop.ts and import it in profile pages.
Replace duplicated inline scroll logic with scrollToTop(), call it when
navigating to profile links. Convert external <a> to internal Link and
narrow route prop types from any to string

apps/web/src/lib/scrollToTop.ts

···
+export default function scrollToTop() {
+  const container = document.querySelector("#app-container");
+  if (container) {
+    container.scrollTo({ top: 0, behavior: "smooth" });
+  }
+}

apps/web/src/pages/profile/circles/Circles.tsx

···
 import { useState } from "react";
 import SignInModal from "../../../components/SignInModal";
 import { activeTabAtom } from "../../../atoms/tab";
-
-const scrollToTop = () => {
-  const container = document.querySelector("#app-container");
-  if (container) {
-    container.scrollTo({ top: 0, behavior: "smooth" });
-  }
-};
+import scrollToTop from "../../../lib/scrollToTop";
 
 function Circles() {
   const [, setActiveKey] = useAtom(activeTabAtom);

apps/web/src/pages/profile/followers/Followers.tsx

···
 import SignInModal from "../../../components/SignInModal";
 import { useState, useEffect, useRef } from "react";
 import numeral from "numeral";
+import scrollToTop from "../../../lib/scrollToTop";
 
 function Followers() {
   const [, setActiveKey] = useAtom(activeTabAtom);
···
             >
               <div className="flex items-center gap-2">
                 <Link
-                  to={`/profile/${follower.handle}` as any}
+                  to={`/profile/${follower.handle}` as string}
                   className="no-underline"
-                  onClick={() => setActiveKey(0)}
+                  onClick={() => {
+                    setActiveKey(0);
+                    scrollToTop();
+                  }}
                 >
                   <Avatar
                     src={follower.avatar}
···
                 </Link>
                 <div className="ml-[16px]">
                   <Link
-                    to={`/profile/${follower.handle}` as any}
+                    to={`/profile/${follower.handle}` as string}
                     className="no-underline"
-                    onClick={() => setActiveKey(0)}
+                    onClick={() => {
+                      setActiveKey(0);
+                      scrollToTop();
+                    }}
                   >
                     <LabelMedium
                       marginTop={"10px"}
···
                       {follower.displayName}
                     </LabelMedium>
                   </Link>
-                  <a
-                    href={`https://bsky.app/profile/${follower.handle}`}
+                  <Link
+                    to={`/profile/${follower.handle}` as string}
                     className="no-underline text-[var(--color-primary)]"
-                    target="_blank"
+                    onClick={() => {
+                      setActiveKey(0);
+                      scrollToTop();
+                    }}
                   >
                     <LabelSmall className="!text-[var(--color-primary)] mt-[3px] mb-[25px]">
                       @{follower.handle}
                     </LabelSmall>
-                  </a>
+                  </Link>
                 </div>
               </div>
               {(follower.did !== localStorage.getItem("did") ||

apps/web/src/pages/profile/follows/Follows.tsx

···
 import SignInModal from "../../../components/SignInModal";
 import { useState, useEffect, useRef } from "react";
 import numeral from "numeral";
+import scrollToTop from "../../../lib/scrollToTop";
 
 function Follows() {
   const [, setActiveKey] = useAtom(activeTabAtom);
···
                 <Link
                   to={`/profile/${follow.handle}` as any}
                   className="no-underline"
-                  onClick={() => setActiveKey(0)}
+                  onClick={() => {
+                    setActiveKey(0);
+                    scrollToTop();
+                  }}
                 >
                   <Avatar
                     src={follow.avatar}
···
                 </Link>
                 <div className="ml-[16px]">
                   <Link
-                    to={`/profile/${follow.handle}` as any}
+                    to={`/profile/${follow.handle}` as string}
                     className="no-underline"
-                    onClick={() => setActiveKey(0)}
+                    onClick={() => {
+                      setActiveKey(0);
+                      scrollToTop();
+                    }}
                   >
                     <LabelMedium
                       marginTop={"10px"}
···
                       {follow.displayName}
                     </LabelMedium>
                   </Link>
-                  <a
-                    href={`https://bsky.app/profile/${follow.handle}`}
+                  <Link
+                    to={`/profile/${follow.handle}` as string}
                     className="no-underline text-[var(--color-primary)]"
-                    target="_blank"
+                    onClick={() => {
+                      setActiveKey(0);
+                      scrollToTop();
+                    }}
                   >
                     <LabelSmall className="!text-[var(--color-primary)] mt-[3px] mb-[25px]">
                       @{follow.handle}
                     </LabelSmall>
-                  </a>
+                  </Link>
                 </div>
               </div>
               {(follow.did !== localStorage.getItem("did") ||