Update visibility settings for AuthButtons

The 'Div' and 'Link' elements visibility within AuthButtons component have been updated. Previously, they were hidden for smaller screens or at lower resolutions, now it has been adjusted to be visible for such instances allowing better user interface for all types of devices.

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

@@ -56,14 +56,16 @@ function SuspendedPersonalAccountDropdown(props: { user: User | null }) {
 
 function AuthButtons() {
   return (
-    <div className={'hidden space-x-0.5 lg:flex'}>
+    <div className={'flex space-x-0.5'}>
-      <ModeToggle />
+      <div className={'hidden space-x-0.5 md:flex'}>
+        <ModeToggle />
 
-      <Link href={pathsConfig.auth.signIn}>
+        <Link href={pathsConfig.auth.signIn}>
-        <Button variant={'link'}>
+          <Button variant={'link'}>
-          <Trans i18nKey={'auth:signIn'} />
+            <Trans i18nKey={'auth:signIn'} />
-        </Button>
+          </Button>
-      </Link>
+        </Link>
+      </div>
 
       <Link href={pathsConfig.auth.signUp}>
         <Button className={'rounded-full'}>