feat: resolving some bugs

frontend/src/pages/auth/CliRedirectPage/CliRedirectPage.tsx

@@ -42,7 +42,14 @@ export const CliRedirectPage = () => {
       </Helmet>
       <div className="flex h-screen w-screen flex-col items-center justify-center space-y-4 text-gray-200">
         <div className="mb-4 flex justify-center">
-          <img src="/images/gradientLogo.svg" height={90} width={120} alt="Infisical Logo" />
+          <img
+            src="/images/gradientLogo.svg"
+            style={{
+              height: "90px",
+              width: "120px"
+            }}
+            alt="Infisical Logo"
+          />
         </div>
         {cliToken ? (
           <>

frontend/src/pages/auth/LoginLdapPage/LoginLDAPPage.tsx

@@ -72,7 +72,14 @@ export const LoginLdapPage = () => {
       </Helmet>
       <Link to="/">
         <div className="mb-4 mt-20 flex justify-center">
-          <img src="/images/gradientLogo.svg" height={90} width={120} alt="Infisical logo" />
+          <img
+            src="/images/gradientLogo.svg"
+            style={{
+              height: "90px",
+              width: "120px"
+            }}
+            alt="Infisical logo"
+          />
         </div>
       </Link>
       <div className="mx-auto w-full max-w-md md:px-6">

frontend/src/pages/auth/LoginPage/LoginPage.tsx

@@ -70,7 +70,14 @@ export const LoginPage = () => {
       </Helmet>
       <Link to="/">
         <div className="mb-4 mt-20 flex justify-center">
-          <img src="/images/gradientLogo.svg" height={90} width={120} alt="Infisical logo" />
+          <img
+            src="/images/gradientLogo.svg"
+            style={{
+              height: "90px",
+              width: "120px"
+            }}
+            alt="Infisical logo"
+          />
         </div>
       </Link>
       <div className="pb-28">{renderView()}</div>;

frontend/src/pages/auth/PasswordResetPage/PasswordResetPage.tsx

@@ -154,7 +154,11 @@ export const PasswordResetPage = () => {
       <p className="mb-8 flex justify-center bg-gradient-to-br from-sky-400 to-primary bg-clip-text text-center text-4xl font-semibold text-transparent">
         Confirm your email
       </p>
-      <img src="/images/envelope.svg" height={262} width={410} alt="verify email" />
+      <img
+        src="/images/envelope.svg"
+        style={{ height: "262px", width: "410px" }}
+        alt="verify email"
+      />
       <div className="mx-auto mb-2 mt-4 flex max-h-24 max-w-md flex-col items-center justify-center px-4 text-lg md:p-2">
         <Button
           onClick={async () => {

frontend/src/pages/auth/SelectOrgPage/SelectOrgPage.tsx

@@ -226,7 +226,14 @@ export const SelectOrganizationPage = () => {
         <div className="mx-auto mt-20 w-fit rounded-lg border-2 border-mineshaft-500 p-10 shadow-lg">
           <Link href="/">
             <div className="mb-4 flex justify-center">
-              <img src="/images/gradientLogo.svg" height={90} width={120} alt="Infisical logo" />
+              <img
+                src="/images/gradientLogo.svg"
+                style={{
+                  height: "90px",
+                  width: "120px"
+                }}
+                alt="Infisical logo"
+              />
             </div>
           </Link>
           <form className="mx-auto flex w-full flex-col items-center justify-center">

frontend/src/pages/auth/SignUpInvitePage/SignUpInvitePage.tsx

@@ -227,7 +227,11 @@ export const SignupInvitePage = () => {
       <p className="mb-6 flex justify-center text-center text-4xl font-semibold text-primary-100">
         Confirm your email
       </p>
-      <img src="/images/dragon-signupinvite.svg" height={262} width={410} alt="verify email" />
+      <img
+        src="/images/dragon-signupinvite.svg"
+        style={{ height: "262px", width: "410px" }}
+        alt="verify email"
+      />
       <div className="mx-auto mb-2 mt-10 flex max-h-24 max-w-md flex-col items-center justify-center px-4 text-lg md:p-2">
         <Button
           onClick={async () => {

frontend/src/pages/auth/SignUpSsoPage/SignUpSsoPage.tsx

@@ -80,7 +80,14 @@ export const SignupSsoPage = () => {
         <meta name="og:description" content={t("signup.og-description") as string} />
       </Helmet>
       <div className="mb-4 mt-20 flex justify-center">
-        <img src="/images/gradientLogo.svg" height={90} width={120} alt="Infisical Logo" />
+        <img
+          src="/images/gradientLogo.svg"
+          style={{
+            height: "90px",
+            width: "120px"
+          }}
+          alt="Infisical Logo"
+        />
       </div>
       <div>{renderView()}</div>;
     </div>

frontend/src/pages/auth/VerifyEmailPage/VerifyEmailPage.tsx

@@ -53,7 +53,14 @@ export const VerifyEmailPage = () => {
       </Helmet>
       <Link to="/">
         <div className="mb-8 mt-20 flex cursor-pointer justify-center">
-          <img src="/images/biglogo.png" height={90} width={120} alt="long logo" />
+          <img
+            src="/images/biglogo.png"
+            style={{
+              height: "90px",
+              width: "120px"
+            }}
+            alt="long logo"
+          />
         </div>
       </Link>
       {step === 1 && (