feat: add num of collects in Bangumi LinkCard (#552)

* feat: add num of collects in bgm character/person

* fix: In HTML, <div> cannot be a descendant of <p>.
This will cause a hydration error.

* fix: unable to turn page

* feat: add num of collects in bgm subject

Author: Do1e

src/components/layout/footer/FooterInfo.tsx

@@ -179,7 +179,7 @@ const FooterBottom = async () => {
 
   return (
     <div className="mt-12 space-y-3 text-center md:mt-6 md:text-left">
-      <p>
+      <div>
         <span>© {date.replace('{{now}}', currentYear)} </span>
         <a href="/">
           <OwnerName />
@@ -203,7 +203,7 @@ const FooterBottom = async () => {
         <span className="mt-3 block md:mt-0 md:inline">
           Stay hungry. Stay foolish.
         </span>
-      </p>
+      </div>
       <div>
         <PoweredBy className="my-3 block md:my-0 md:inline" />
         {icp && (

src/components/modules/post/PostPagination.tsx

@@ -11,16 +11,20 @@ export const PostPagination: FC<{ pagination: Pager }> = ({ pagination }) => {
   return (
     <section className="mt-4 flex justify-between">
       {pagination.hasPrevPage ? (
-        <MotionButtonBase tabIndex={-1} className={className}>
-          <Link href={`/posts?page=${pagination.currentPage - 1}`}>上一页</Link>
-        </MotionButtonBase>
+        <Link href={`/posts?page=${pagination.currentPage - 1}`}>
+          <MotionButtonBase tabIndex={-1} className={className}>
+            上一页
+          </MotionButtonBase>
+        </Link>
       ) : (
         <div />
       )}
       {pagination.hasNextPage && (
-        <MotionButtonBase tabIndex={-1} className={className}>
-          <Link href={`/posts?page=${pagination.currentPage + 1}`}>下一页</Link>
-        </MotionButtonBase>
+        <Link href={`/posts?page=${pagination.currentPage + 1}`}>
+          <MotionButtonBase tabIndex={-1} className={className}>
+            下一页
+          </MotionButtonBase>
+        </Link>
       )}
     </section>
   )

src/components/ui/link-card/LinkCard.tsx

@@ -575,10 +575,31 @@ const fetchBangumiData: FetchObject = {
             <span className="text-sm opacity-70">({originalTitle})</span>
           )}
           {type === 'subject' && (
+            <span className="inline-flex shrink-0 items-center gap-3 self-center">
+              <span className="inline-flex shrink-0 items-center gap-1 self-center text-xs text-orange-400 dark:text-yellow-500">
+                <MingcuteStarHalfFill />
+                <span className="font-sans font-medium">
+                  {json.rating.score > 0 && json.rating.score.toFixed(1)}
+                </span>
+              </span>
+              <span className="inline-flex shrink-0 items-center gap-1 self-center text-xs text-orange-400 dark:text-yellow-500">
+                <i className="i-mingcute-star-line" />
+                <span className="font-sans font-medium">
+                  {json.collection &&
+                    json.collection.on_hold +
+                      json.collection.dropped +
+                      json.collection.wish +
+                      json.collection.collect +
+                      json.collection.doing}
+                </span>
+              </span>
+            </span>
+          )}
+          {(type === 'character' || type === 'person') && (
             <span className="inline-flex shrink-0 items-center gap-1 self-center text-xs text-orange-400 dark:text-yellow-500">
-              <MingcuteStarHalfFill />
+              <i className="i-mingcute-star-line" />
               <span className="font-sans font-medium">
-                {json.rating.score > 0 && json.rating.score.toFixed(1)}
+                {json.stat.collects > 0 && json.stat.collects}
               </span>
             </span>
           )}