build: format the code with prettier

src/components/InviteLink.tsx

@@ -1,10 +1,11 @@
 import { FC } from "react";
 import { useTranslation } from "react-i18next";
+
 import useInviteLink from "@/hooks/useInviteLink";
-import Input from "./styled/Input";
-import Button from "./styled/Button";
+import IconQuestion from "@/assets/icons/question.svg";
 import QRCode from "./QRCode";
-import IconQuestion from '@/assets/icons/question.svg';
+import Button from "./styled/Button";
+import Input from "./styled/Input";
 
 type Props = {};
 const InviteLink: FC<Props> = () => {
@@ -18,13 +19,21 @@ const InviteLink: FC<Props> = () => {
     <div className="flex flex-col items-start pb-8">
       <p className="font-semibold text-sm mb-2 text-gray-500 dark:text-gray-50 flex flex-col md:flex-row gap-4">
         {t("share_invite_link")}
-        <a className="text-primary-500 flex gap-1 items-center" href="http://doc.voce.chat/faq#fe_url" target="_blank" rel="noopener noreferrer">
+        <a
+          className="text-primary-500 flex gap-1 items-center"
+          href="http://doc.voce.chat/faq#fe_url"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
           <IconQuestion /> {t("invite_link_faq")}
         </a>
       </p>
       <div className="w-full md:w-[512px] mb-3 relative">
         <Input readOnly className={"large !pr-16"} placeholder="Generating" value={link} />
-        <Button onClick={copyLink} className="ghost small border_less absolute right-1 top-1/2 -translate-y-1/2">
+        <Button
+          onClick={copyLink}
+          className="ghost small border_less absolute right-1 top-1/2 -translate-y-1/2"
+        >
           {linkCopied ? "Copied" : t("action.copy", { ns: "common" })}
         </Button>
       </div>