text upated

src/widgets/navbar/ui/authButtons.tsx

@@ -48,8 +48,8 @@ function AuthButtons() {
   }
 
   return (
-    <div className="flex flex-row  gap-3">
-      <div className="flex">
+    <div className="flex flex-row max-sm:items-center max-sm:justify-around  gap-3">
+      <div className="sm:flex hidden">
         <ChangeLang />
       </div>
       <Button variant="outline" onClick={() => toggleLoginModal()}>

src/widgets/navbar/ui/index.tsx

@@ -24,7 +24,7 @@ const Navbar = () => {
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full">
         {/* Desktop Menu */}
         <nav className="justify-between flex max-sm:flex-col gap-5">
-          <div className="flex items-center gap-6">
+          <div className="flex items-center justify-between gap-6">
             {/* Logo */}
             <Link
               href={'/'}
@@ -32,13 +32,9 @@ const Navbar = () => {
             >
               {t('logo')}
             </Link>
-            {/* <div className="flex items-center">
-              <NavigationMenu>
-                <NavigationMenuList>
-                  {menu.map((item) => RenderMenuItem(item))}
-                </NavigationMenuList>
-              </NavigationMenu>
-            </div> */}
+            <div className="flex sm:hidden">
+              <ChangeLang />
+            </div>
           </div>
           <AuthButtons />
         </nav>