Updated zod; Fix issue displaying mode toggle in site header when disabled

apps/web/app/(marketing)/_components/site-header-account-section.tsx

@@ -11,6 +11,7 @@ import { PersonalAccountDropdown } from '@kit/accounts/personal-account-dropdown
 import { useSignOut } from '@kit/supabase/hooks/use-sign-out';
 import { useUser } from '@kit/supabase/hooks/use-user';
 import { Button } from '@kit/ui/button';
+import { If } from '@kit/ui/if';
 import { Trans } from '@kit/ui/trans';
 
 import featuresFlagConfig from '~/config/feature-flags.config';
@@ -69,7 +70,9 @@ function AuthButtons() {
   return (
     <div className={'flex space-x-2'}>
       <div className={'hidden space-x-0.5 md:flex'}>
-        <ModeToggle className={textClassName} />
+        <If condition={features.enableThemeToggle}>
+          <ModeToggle className={textClassName} />
+        </If>
 
         <Button asChild variant={'ghost'} className={textClassName}>
           <Link href={pathsConfig.auth.signIn}>