add powered-by-vercel badge

components/utils/Footer.tsx

@@ -19,10 +19,12 @@ export const Footer = () => {
       }}
     >
       <footer className="my-5 flex flex-col justify-center py-2 text-sm">
-        <div className="mx-auto px-3 text-center font-bold">{`COPYRIGHT © ${
-          Config.YearStart
-        }-${new Date().getFullYear()} ${Config.AuthorName} ALL RIGHTS RESERVED`}</div>
-        <div className="my-3 flex flex-wrap justify-center space-x-3 text-center text-gray-500 underline dark:text-gray-400">
+        <div className="flex justify-center">
+          <Link target="_blank" href="https://vercel.com/?utm_source=github-contributions-chart&utm_campaign=oss">
+            <img src="/powered-by-vercel.svg" alt="Powered by vercel" className="h-8" />
+          </Link>
+        </div>
+        <div className="my-2 flex flex-wrap justify-center space-x-3 text-center text-gray-500 underline dark:text-gray-400">
           <Link href="/sponsor" title="Sponsor me for my works.">
             {"Sponsor"}
           </Link>
@@ -35,6 +37,9 @@ export const Footer = () => {
             </DialogTrigger>
           )}
         </div>
+        <div className="mx-auto px-3 text-center font-bold">{`COPYRIGHT © ${
+          Config.YearStart
+        }-${new Date().getFullYear()} ${Config.AuthorName} ALL RIGHTS RESERVED`}</div>
         <DialogContent className="sm:max-w-md">
           <DialogHeader>
             <DialogTitle className="flex">