prefer using providers conf from supabase instead of env

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

@@ -13,7 +13,8 @@ import { Button } from '@kit/ui/button';
 import { If } from '@kit/ui/if';
 import { Trans } from '@kit/ui/trans';
 
-import { authConfig, featureFlagsConfig, pathsConfig } from '@kit/shared/config';
+import { featureFlagsConfig, pathsConfig } from '@kit/shared/config';
+import { useAuthConfig } from '@kit/shared/hooks';
 
 const ModeToggle = dynamic(() =>
   import('@kit/ui/mode-toggle').then((mod) => ({
@@ -57,6 +58,8 @@ export function SiteHeaderAccountSection({
 }
 
 function AuthButtons() {
+  const { config } = useAuthConfig();
+
   return (
     <div className={'animate-in fade-in flex gap-x-2.5 duration-500'}>
       <div className={'hidden md:flex'}>
@@ -65,21 +68,25 @@ function AuthButtons() {
         </If>
       </div>
 
-      <div className={'flex gap-x-2.5'}>
-        <Button className={'block'} asChild variant={'ghost'}>
-          <Link href={pathsConfig.auth.signIn}>
-            <Trans i18nKey={'auth:signIn'} />
-          </Link>
-        </Button>
+      {config && (
+        <div className={'flex gap-x-2.5'}>
+          {(config.providers.password || config.providers.oAuth.length > 0) && (
+            <Button className={'block'} asChild variant={'ghost'}>
+              <Link href={pathsConfig.auth.signIn}>
+                <Trans i18nKey={'auth:signIn'} />
+              </Link>
+            </Button>
+          )}
 
-        {authConfig.providers.password && (
-          <Button asChild className="text-xs md:text-sm" variant={'default'}>
-            <Link href={pathsConfig.auth.signUp}>
-              <Trans i18nKey={'auth:signUp'} />
-            </Link>
-          </Button>
-        )}
-      </div>
+          {config.providers.password && (
+            <Button asChild className="text-xs md:text-sm" variant={'default'}>
+              <Link href={pathsConfig.auth.signUp}>
+                <Trans i18nKey={'auth:signUp'} />
+              </Link>
+            </Button>
+          )}
+        </div>
+      )}
     </div>
   );
 }