detail page complated

src/widgets/navbar/ui/authButtons.tsx

@@ -45,8 +45,8 @@ function AuthButtons() {
   }
 
   return (
-    <div className="flex lg:flex-row flex-col gap-3">
-      <div className="lg:flex hidden">
+    <div className="flex flex-row  gap-3">
+      <div className="flex">
         <ChangeLang />
       </div>
       <Button variant="outline" onClick={() => toggleLoginModal()}>

src/widgets/navbar/ui/index.tsx

@@ -1,9 +1,5 @@
 import { Accordion } from '@/shared/ui/accordion';
 import { Button } from '@/shared/ui/button';
-import {
-  NavigationMenu,
-  NavigationMenuList,
-} from '@/shared/ui/navigation-menu';
 import {
   Sheet,
   SheetContent,
@@ -13,7 +9,6 @@ import {
 } from '@/shared/ui/sheet';
 import { Menu } from 'lucide-react';
 import { menu } from '../lib/data';
-import RenderMenuItem from './RenderItem';
 import RenderMobileMenuItem from './RenderMobileMenuItem';
 import { ChangeLang } from './ChangeLang';
 import Link from 'next/link';
@@ -24,25 +19,28 @@ const Navbar = () => {
     <section className="py-4">
       <div className="custom-container">
         {/* Desktop Menu */}
-        <nav className="hidden justify-between lg:flex">
+        <nav className="justify-between flex max-sm:flex-col gap-5">
           <div className="flex items-center gap-6">
             {/* Logo */}
-            <Link href={'/'} className="flex items-center gap-2">
+            <Link
+              href={'/'}
+              className="flex items-center gap-2 text-2xl font-bold "
+            >
               Plagat
             </Link>
-            <div className="flex items-center">
+            {/* <div className="flex items-center">
               <NavigationMenu>
                 <NavigationMenuList>
                   {menu.map((item) => RenderMenuItem(item))}
                 </NavigationMenuList>
               </NavigationMenu>
-            </div>
+            </div> */}
           </div>
           <AuthButtons />
         </nav>
 
         {/* Mobile Menu */}
-        <div className="block lg:hidden">
+        <div className="hidden">
           <div className="flex items-center justify-between">
             {/* Logo */}
             <Link href={'/'} className="flex items-center gap-2">