[fix] format the code

components/utils/Footer.tsx

@@ -1,10 +1,4 @@
-import {
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "@/components/ui/dialog";
 import { CopyrightAnnouncement, RSSFeedURL } from "@/consts/consts";
 import { Config } from "@/data/config";
 import Link from "next/link";
@@ -47,9 +41,7 @@ export const Footer = () => {
             </DialogTrigger>
           )}
         </div>
-        <div className="mx-auto px-3 text-center font-bold">
+        <div className="mx-auto px-3 text-center font-bold">{CopyrightAnnouncement}</div>
-          {CopyrightAnnouncement}
-        </div>
         <DialogContent className="sm:max-w-md">
           <DialogHeader>
             <DialogTitle className="flex">
@@ -61,9 +53,8 @@ export const Footer = () => {
           <div>
             <div className="my-2 w-full text-sm">
               <div>
-                <b>NOTE: </b>Some RSS Feed Reader may has deficient in rendering
+                <b>NOTE: </b>Some RSS Feed Reader may has deficient in rendering SVG formulations, graphs. Such as the
-                SVG formulations, graphs. Such as the Inoreader, Feedly. If it
+                Inoreader, Feedly. If it happens, please read the origin web page for better experience.
-                happens, please read the origin web page for better experience.
               </div>
             </div>
             <Separator />
@@ -76,18 +67,12 @@ export const Footer = () => {
                 text={RSSFeedURL}
               >
                 <Button
-                  className={`my-auto ml-3 ${
+                  className={`my-auto ml-3 ${isCopied && "bg-green-500 hover:bg-green-500"}`}
-                    isCopied && "bg-green-500 hover:bg-green-500"
-                  }`}
                   size="sm"
                   type="submit"
                 >
                   <span className="sr-only">{"Copy"}</span>
-                  {isCopied ? (
+                  {isCopied ? <FaCheck className="h-4 w-4" /> : <FaCopy className="h-4 w-4" />}
-                    <FaCheck className="h-4 w-4" />
-                  ) : (
-                    <FaCopy className="h-4 w-4" />
-                  )}
                 </Button>
               </CopyToClipboard>
             </div>

pages/friends.tsx

@@ -11,28 +11,14 @@ import Link from "next/link";
 export default function FriendsPage() {
   return (
     <Page>
-      <SEO
+      <SEO description={"My Friend Links"} title={`${Config.SiteTitle} - Friends`} />
-        description={"My Friend Links"}
-        title={`${Config.SiteTitle} - Friends`}
-      />
       <NavBar />
       <ContentContainer>
-        <h2
+        <h2 className={"caption-font my-5 flex justify-center font-bold text-2xl"}>{"FRIENDS"}</h2>
-          className={"caption-font my-5 flex justify-center font-bold text-2xl"}
-        >
-          {"FRIENDS"}
-        </h2>
         <Separator />
-        <div
+        <div className={"my-5 flex flex-wrap justify-center text-2xl content-font"}>
-          className={"my-5 flex flex-wrap justify-center text-2xl content-font"}
-        >
           {FriendsList.map((item) => (
-            <Link
+            <Link className="mx-2 p-2 underline underline-offset-4" href={item.url} key={nanoid()} target="_blank">
-              className="mx-2 p-2 underline underline-offset-4"
-              href={item.url}
-              key={nanoid()}
-              target="_blank"
-            >
               {item.title}
             </Link>
           ))}
@@ -40,13 +26,8 @@ export default function FriendsPage() {
         <Separator />
         <div className="my-2 flex flex-col justify-start text-base">
           <div className="mx-auto">
-            {
+            {"Welcome to exchange our friend links and every high-quality blog websites are welcomed. "}
-              "Welcome to exchange our friend links and every high-quality blog websites are welcomed. "
+            <Link className="underline" href={`mailto:${Config.SocialLinks.email}`}>
-            }
-            <Link
-              className="underline"
-              href={`mailto:${Config.SocialLinks.email}`}
-            >
               {"Email me please"}
             </Link>
           </div>