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 && (

frontend/src/pages/organization/SettingsPage/components/AppConnectionsTab/components/AppConnectionList.tsx

@@ -33,8 +33,10 @@ export const AppConnectionsSelect = ({ onSelect }: Props) => {
         >
           <img
             src={`/images/integrations/${APP_CONNECTION_MAP[option.app].image}`}
-            height={50}
-            width={50}
+            style={{
+              height: "50px",
+              width: "50px"
+            }}
             className="mt-auto"
             alt={`${APP_CONNECTION_MAP[option.app].name} logo`}
           />

frontend/src/pages/public/ViewSharedSecretByIDPage/route.tsx

@@ -1,14 +1,17 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute, stripSearchParams } from "@tanstack/react-router";
 import { zodValidator } from "@tanstack/zod-adapter";
 import { z } from "zod";
 
 import { ViewSharedSecretByIDPage } from "./ViewSharedSecretByIDPage";
 
 const SharedSecretByIDPageQuerySchema = z.object({
-  key: z.string()
+  key: z.string().catch("")
 });
 
 export const Route = createFileRoute("/shared/secret/$secretId")({
   component: ViewSharedSecretByIDPage,
-  validateSearch: zodValidator(SharedSecretByIDPageQuerySchema)
+  validateSearch: zodValidator(SharedSecretByIDPageQuerySchema),
+  search: {
+    middlewares: [stripSearchParams({ key: "" })]
+  }
 });

frontend/src/pages/secret-manager/SecretDashboardPage/components/SecretDropzone/CopySecretsFromBoard.tsx

@@ -78,7 +78,7 @@ export const CopySecretsFromBoard = ({
   const selectedEnvSlug = watch("environment");
   const [debouncedEnvCopySecretPath] = useDebounce(envCopySecPath);
 
-  const { data: secrets, isLoading: isSecretsLoading } = useGetProjectSecrets({
+  const { data: secrets, isPending: isSecretsLoading } = useGetProjectSecrets({
     workspaceId,
     environment: selectedEnvSlug.slug,
     secretPath: debouncedEnvCopySecretPath,

frontend/src/pages/secret-manager/integrations/AzureAppConfigurationOauthCallbackPage/AzureAppConfigurationOauthCallbackPage.tsx

@@ -10,7 +10,7 @@ export const AzureAppConfigurationOauthCallbackPage = () => {
   const { mutateAsync } = useAuthorizeIntegration();
 
   const { code, state } = useSearch({
-    from: ROUTE_PATHS.SecretManager.Integratons.HerokuOauthCallbackPage.id
+    from: ROUTE_PATHS.SecretManager.Integratons.AzureAppConfigurationsOauthCallbackPage.id
   });
   const { currentWorkspace } = useWorkspace();