feat: Implement custom scrollbar, refine agent profile edit navigation, and enhance quick link scrolling on the agent edit page.

src/app/(agent)/agent/dashboard/component/ProfileCard.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import Image from 'next/image';
+import Link from 'next/link';
 import { Tag } from './Tag';
 
 interface ProfileCardProps {
@@ -47,14 +48,14 @@ export function ProfileCard({
                 </span>
               </>
             )}
-            <button className="p-1 hover:bg-gray-100 rounded transition-colors">
+            <Link href="/agent/edit" className="p-1 hover:bg-gray-100 rounded transition-colors">
               <Image
                 src="/assets/icons/edit-pencil-orange-icon.svg"
-                alt="Edit name"
+                alt="Edit profile"
                 width={16}
                 height={16}
               />
-            </button>
+            </Link>
           </div>
           <p className="text-[#00293d] text-sm mb-2 font-fractul">{title}</p>
           <div className="flex items-center justify-center lg:justify-start gap-4 text-sm text-[#00293d] font-fractul">

src/app/(agent)/agent/dashboard/page.tsx

@@ -2,7 +2,6 @@
 
 import { useSession } from 'next-auth/react';
 import Image from 'next/image';
-import Link from 'next/link';
 
 // Import components from component folder
 import {
@@ -104,17 +103,14 @@ export default function AgentDashboard() {
               <div className="absolute inset-0 bg-gradient-to-t from-black/50 via-black/20 to-transparent pointer-events-none" />
             </div>
             {/* Edit Icon - Top Right Outside */}
-            <Link
-              href="/agent/edit"
-              className="absolute -top-3 -right-3 w-9 h-9 bg-white rounded-[10px] shadow-md flex items-center justify-center hover:bg-gray-50 transition-colors"
-            >
+            <button className="absolute -top-3 -right-3 w-9 h-9 bg-white rounded-[10px] shadow-md flex items-center justify-center hover:bg-gray-50 transition-colors">
               <Image
                 src="/assets/icons/edit-icon.svg"
-                alt="Edit profile"
+                alt="Edit profile image"
                 width={20}
                 height={20}
               />
-            </Link>
+            </button>
           </div>
 
           {/* Status Buttons */}