Improve some ui visual effects

pages/index.tsx

@@ -53,7 +53,8 @@ export default function Home(props: HomePageProps) {
             </h2>
             <Separator />
             <PostList data={props.latestPostList} />
-            <div className="my-2 flex justify-end">
+            <Separator />
+            <div className="my-5 flex justify-end">
               <Button asChild>
                 <Link href="/posts" className="font-bold">
                   {"MORE POSTS >"}

pages/posts/[[...slug]].tsx

@@ -65,13 +65,16 @@ export default function PostsPage(props: PostsPageProps) {
             <Separator />
             <div className={`my-5 flex flex-wrap justify-center px-2 ${fontSourceSerifScreenCN.className}`}>
               {props.tagList.map((item) => (
-                <TagBadge key={`tag-badge-${nanoid()}`} name={item.name} size="md" count={item.count} />
+                <Link href={`/tags/${item.name}`} key={`tag-badge-${nanoid()}`}>
+                  <TagBadge name={item.name} size="md" count={item.count} />
+                </Link>
               ))}
             </div>
           </>
         )}
         <Separator />
         <PostList data={props.postList} />
+        <Separator />
         <div className="my-5 flex justify-between text-base font-bold">
           {props.pageNumber !== 1 && (
             <Button asChild>

pages/search.tsx

@@ -73,7 +73,7 @@ export default function SearchPage() {
             onChange={handleInputSearchText}
           />
           <Button className="mx-3 my-auto" disabled={querySearch.isLoading} onClick={handleMakeSearch}>
-            {querySearch.isLoading ? "Loading" : "Search"}
+            {querySearch.isFetching ? "Loading" : "Search"}
           </Button>
         </div>
         <div className="flex flex-col justify-center">

pages/tags/[...slug].tsx

@@ -60,6 +60,7 @@ export default function TagsContentPage(props: TagsContentPageProps) {
         </h2>
         <Separator />
         <PostList data={props.postList} />
+        <Separator />
         <div className="my-5 flex justify-between text-base font-bold">
           {props.pageNumber !== 1 && (
             <Button asChild>