feat: change all Link component to SmartLink

Close #3512

themes/matery/components/BlogListBar.js

@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useGlobal } from '@/lib/global'
 import TagItemMiddle from './TagItemMiddle'
 
@@ -13,12 +13,12 @@ export default function BlogListBar(props) {
                     {categoryOptions?.map(e => {
                       const selected = e.name === category
                       return (
-                            <Link key={e.name} href={`/category/${e.name}`} passHref legacyBehavior>
+                            <SmartLink key={e.name} href={`/category/${e.name}`} passHref legacyBehavior>
                                 <div className='duration-300 text-md whitespace-nowrap dark:hover:text-white px-5 cursor-pointer py-2 hover:text-indigo-400' >
                                     <i className={`mr-4 fas  ${selected ? 'fa-folder-open' : 'fa-folder'}`} />
                                     {e.name}({e.count})
                                 </div>
-                            </Link>
+                            </SmartLink>
                       )
                     })}
                 </div>