fix: google not accepting width as string

apps/app/components/account/google-login.tsx

@@ -20,17 +20,21 @@ export const GoogleLoginButton: FC<IGoogleLoginButton> = ({ handleSignIn }) => {
       callback: handleSignIn,
     });
 
-    window?.google?.accounts.id.renderButton(
-      googleSignInButton.current,
-      {
-        type: "standard",
-        theme: "outline",
-        size: "large",
-        logo_alignment: "center",
-        width: "360",
-        text: "signin_with",
-      } as GsiButtonConfiguration // customization attributes
-    );
+    try {
+      window?.google?.accounts.id.renderButton(
+        googleSignInButton.current,
+        {
+          type: "standard",
+          theme: "outline",
+          size: "large",
+          logo_alignment: "center",
+          width: 360,
+          text: "signin_with",
+        } as GsiButtonConfiguration // customization attributes
+      );
+    } catch (err) {
+      console.log(err);
+    }
 
     window?.google?.accounts.id.prompt(); // also display the One Tap dialog
 
@@ -50,7 +54,7 @@ export const GoogleLoginButton: FC<IGoogleLoginButton> = ({ handleSignIn }) => {
     <>
       <Script src="https://accounts.google.com/gsi/client" async defer onLoad={loadScript} />
       <div
-        className="overflow-hidden rounded w-full flex justify-center items-center !text-sm !font-medium !text-custom-text-100"
+        className="overflow-hidden rounded w-full"
         id="googleSignInButton"
         ref={googleSignInButton}
       />

apps/app/google.d.ts

@@ -37,7 +37,7 @@ interface GsiButtonConfiguration {
   text?: "signin_with" | "signup_with" | "continue_with" | "signup_with";
   shape?: "rectangular" | "pill" | "circle" | "square";
   logo_alignment?: "left" | "center";
-  width?: string;
+  width?: number;
   local?: string;
 }