feat: guest login qr code

src/routes/chat/GuestBlankPlaceholder.tsx

@@ -4,6 +4,7 @@ import { useDispatch } from "react-redux";
 import { useNavigate } from "react-router-dom";
 import { resetAuthData } from "../../app/slices/auth.data";
 import { useAppSelector } from "../../app/store";
+import QRCode from "../../common/component/QRCode";
 import Button from "../../common/component/styled/Button";
 import useLogout from "../../common/hook/useLogout";
 // type Props = {};
@@ -22,8 +23,11 @@ const GuestBlankPlaceholder = () => {
   return (
     <section className="flex flex-col items-center bg-transparent">
       <h2 className="text-3xl text-gray-600 dark:text-gray-50 font-bold text-center">{t("welcome", { name: serverName })}</h2>
-      <div className="flex flex-col">
+      <div className="flex flex-col gap-2">
         <span className="text-gray-400 dark:text-gray-200 my-3 text-sm">{t("guest_login_tip")}</span>
+        <div className="w-44 h-44 self-center mb-4">
+          <QRCode size={1200} link={`https://voce.chat/login?s=${encodeURIComponent("https://privoce.voce.chat")}`} />
+        </div>
         <Button onClick={handleSignIn} className="small">{t("sign_in")}</Button>
       </div>
     </section>