feat: change all Link component to SmartLink

Close #3512

themes/typography/components/NavBar.js

@@ -4,7 +4,7 @@ import { useState } from 'react'
 import { useSimpleGlobal } from '..'
 import { MenuList } from './MenuList'
 import SocialButton from './SocialButton'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 菜单导航
@@ -15,7 +15,7 @@ export default function NavBar(props) {
   return (
     <div className='flex flex-col justify-between md:mt-20 md:h-[70vh]'>
       <header className='w-fit self-center md:self-start md:pb-8 md:border-l-2 dark:md:border-white dark:text-white md:border-[var(--primary-color)] text-[var(--primary-color)] md:[writing-mode:vertical-lr] px-4 hover:bg-[var(--primary-color)] dark:hover:bg-white hover:text-white dark:hover:text-[var(--primary-color)] ease-in-out duration-700 md:hover:pt-4 md:hover:pb-4 mb-2'>
-        <Link href='/'>
+        <SmartLink href='/'>
           <div className='flex flex-col-reverse md:flex-col items-center md:items-start'>
             <div className='font-bold text-4xl text-center' id='blog-name'>
               {siteConfig('TYPOGRAPHY_BLOG_NAME')}
@@ -24,7 +24,7 @@ export default function NavBar(props) {
               {siteConfig('TYPOGRAPHY_BLOG_NAME_EN')}
             </div>
           </div>
-        </Link>
+        </SmartLink>
       </header>
       <nav className='md:pt-0  z-20   flex-shrink-0'>
         <div id='nav-bar-inner' className='text-sm md:text-md'>