Update readme

src/widgets/header/header.tsx

@@ -3,7 +3,6 @@
 import { MobileMenu } from "./mobileMenu/mobileMenu";
 import Link from "next/link";
 import { useSelectedLayoutSegment } from "next/navigation";
-import clsx from "clsx";
 import { SectionService } from "@/features/sections";
 import { ColorSchemeSwitch } from "@/features/colorSchemeSwitch";
 
@@ -26,10 +25,10 @@ export const Header = () => {
           {SectionService.sections.map((section) => (
             <Link
               key={section}
-              className={clsx(
-                "px-5 cursor-pointer hover:underline underline-offset-2",
-                currentPageName === section && "underline"
-              )}
+              className={
+                "px-5 cursor-pointer hover:underline underline-offset-2 " +
+                (currentPageName === section ? "underline" : "")
+              }
               href={"/" + section}
             >
               {SectionService.sectionsConfiguration[section].sectionName}
@@ -37,22 +36,6 @@ export const Header = () => {
           ))}
         </div>
         <ColorSchemeSwitch />
-
-        {/* <label className="flex flex-col items-start relative w-36">
-          <input
-            type="search"
-            className="peer/search w-full rounded-lg bg-bg4 px-2"
-            placeholder=" "
-          />
-          <span
-            className="peer-focus/search:opacity-0 
-                  				peer-[:not(:placeholder-shown)]/search:opacity-0 
-                  				transition-opacity h-0 flex items-center relative bottom-3"
-          >
-            <SearchIcon className="w-4 h-4 mx-2" />
-            Поиск
-          </span>
-        </label> */}
       </div>
     </header>
   );

src/widgets/header/mobileMenu/mobileMenu.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { SectionService } from "@/features/sections";
-import clsx from "clsx";
 import Link from "next/link";
 import { useState } from "react";
 
@@ -19,20 +18,15 @@ export const MobileMenu = () => {
         }}
         onBlur={() => changeMenuOpen(false)}
       >
-        <div
-          className={clsx(open && "rotate-45 top-4", !open && "top-0")}
-        ></div>
-        <div className={clsx(open && "opacity-0")}></div>
-        <div
-          className={clsx(open && "-rotate-45 bottom-4", !open && "bottom-0")}
-        ></div>
+        <div className={open ? "rotate-45 top-4" : "top-0"}></div>
+        <div className={open ? "opacity-0" : ""}></div>
+        <div className={open ? "-rotate-45 bottom-4" : "bottom-0"}></div>
       </button>
       <div
-        className={clsx(
+        className={
           "h-0 absolute transition-all duration-300 overflow-hidden\
-					bg-bg4 rounded-lg px-4 flex flex-col shadow-xl",
-          open && "h-56"
-        )}
+					bg-bg4 rounded-lg px-4 flex flex-col shadow-xl " + (open ? "h-56" : "")
+        }
         onClick={() => changeMenuOpen(false)}
       >
         {SectionService.sections.map((section) => (