diff --git a/components/utils/Footer.tsx b/components/utils/Footer.tsx
index e659673..8313838 100644
--- a/components/utils/Footer.tsx
+++ b/components/utils/Footer.tsx
@@ -1,10 +1,4 @@
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "@/components/ui/dialog";
+import { 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">
-          {CopyrightAnnouncement}
-        </div>
+        <div className="mx-auto px-3 text-center font-bold">{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
-                SVG formulations, graphs. Such as the Inoreader, Feedly. If it
-                happens, please read the origin web page for better experience.
+                <b>NOTE: </b>Some RSS Feed Reader may has deficient in rendering SVG formulations, graphs. Such as the
+                Inoreader, Feedly. If it 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 ${
-                    isCopied && "bg-green-500 hover:bg-green-500"
-                  }`}
+                  className={`my-auto ml-3 ${isCopied && "bg-green-500 hover:bg-green-500"}`}
                   size="sm"
                   type="submit"
                 >
                   <span className="sr-only">{"Copy"}</span>
-                  {isCopied ? (
-                    <FaCheck className="h-4 w-4" />
-                  ) : (
-                    <FaCopy className="h-4 w-4" />
-                  )}
+                  {isCopied ? <FaCheck className="h-4 w-4" /> : <FaCopy className="h-4 w-4" />}
                 </Button>
               </CopyToClipboard>
             </div>
diff --git a/pages/friends.tsx b/pages/friends.tsx
index e8e1278..7ef4bc1 100644
--- a/pages/friends.tsx
+++ b/pages/friends.tsx
@@ -11,28 +11,14 @@ import Link from "next/link";
 export default function FriendsPage() {
   return (
     <Page>
-      <SEO
-        description={"My Friend Links"}
-        title={`${Config.SiteTitle} - Friends`}
-      />
+      <SEO description={"My Friend Links"} title={`${Config.SiteTitle} - Friends`} />
       <NavBar />
       <ContentContainer>
-        <h2
-          className={"caption-font my-5 flex justify-center font-bold text-2xl"}
-        >
-          {"FRIENDS"}
-        </h2>
+        <h2 className={"caption-font my-5 flex justify-center font-bold text-2xl"}>{"FRIENDS"}</h2>
         <Separator />
-        <div
-          className={"my-5 flex flex-wrap justify-center text-2xl content-font"}
-        >
+        <div className={"my-5 flex flex-wrap justify-center text-2xl content-font"}>
           {FriendsList.map((item) => (
-            <Link
-              className="mx-2 p-2 underline underline-offset-4"
-              href={item.url}
-              key={nanoid()}
-              target="_blank"
-            >
+            <Link 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. "
-            }
-            <Link
-              className="underline"
-              href={`mailto:${Config.SocialLinks.email}`}
-            >
+            {"Welcome to exchange our friend links and every high-quality blog websites are welcomed. "}
+            <Link className="underline" href={`mailto:${Config.SocialLinks.email}`}>
               {"Email me please"}
             </Link>
           </div>