feat(about): 将顶部导航链接替换为Next.js Link组件

- 导入Next.js Link组件替代原生a标签
- 更新导航项href属性以支持页面内锚点跳转
- 保持原有点击事件处理逻辑不变
- 确保滚动到指定元素的功能正常工作

src/components/about/TopNav.tsx

@@ -1,6 +1,7 @@
 'use client'
 import React, {useEffect, useState} from 'react';
 import Image from "next/image";
+import Link from "next/link";
 
 function TopNav() {
   const arr = [
@@ -66,9 +67,9 @@ function TopNav() {
           const isActive = activeId === item.id
           const isHover = hoverId === item.id
           return (
-            <a
+            <Link
               key={idx}
-              href="#"
+              href={`#${item.id}`}
               onClick={(e) => {
                 e.preventDefault()
                 document.getElementById(item.id)?.scrollIntoView({
@@ -91,7 +92,7 @@ function TopNav() {
                 className="inline-block mr-1"
               />
               {item.name}
-            </a>
+            </Link>
           )
         })}
       </div>