chore: update social button icons

src/routes/login/MetamaskLoginButton.tsx

@@ -96,11 +96,11 @@ export default function MetamaskLoginButton({
   };
   return (
     <Button
-      className="flex ghost flex-center gap-2"
+      className="flex ghost flex-center gap-2 relative"
       disabled={requesting}
       onClick={handleMetamaskLogin}
     >
-      <img className="w-6 h-6" src={metamaskSvg} alt="meta mask icon" />
+      <img className="w-6 h-6 absolute left-4" src={metamaskSvg} alt="meta mask icon" />
       {type == "login" ? t("login.metamask") : t("reg.metamask")}
     </Button>
   );

src/routes/login/OidcLoginButton.tsx

@@ -8,6 +8,7 @@ import Modal from "@/components/Modal";
 import StyledButton from "@/components/styled/Button";
 import Button from "@/components/styled/Button";
 import StyledModal from "@/components/styled/Modal";
+import IconIODC from "@/assets/icons/oidc/icon.svg";
 import OidcLoginEntry from "./OidcLoginEntry";
 
 interface IProps {
@@ -22,11 +23,12 @@ const OidcLoginButton: FC<IProps> = ({ issuers, type = "login" }) => {
   return (
     <>
       <Button
-        className="flex ghost flex-center gap-2"
+        className="flex ghost flex-center gap-2 relative"
         onClick={() => {
           setModal(true);
         }}
       >
+        <IconIODC className="w-6 h-6 absolute left-4" />
         {type == "login" ? t("login.oidc") : t("reg.oidc")}
       </Button>
       {modal && (