fix: google not accepting width as string

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

@@ -20,6 +20,7 @@ export const GoogleLoginButton: FC<IGoogleLoginButton> = ({ handleSignIn }) => {
       callback: handleSignIn,
     });
 
+    try {
       window?.google?.accounts.id.renderButton(
         googleSignInButton.current,
         {
@@ -27,10 +28,13 @@ export const GoogleLoginButton: FC<IGoogleLoginButton> = ({ handleSignIn }) => {
           theme: "outline",
           size: "large",
           logo_alignment: "center",
-        width: "360",
+          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;
 }