account/routes page

frontend/components/Header.tsx

@@ -40,14 +40,6 @@ const Header = () => {
         <UserLogin />
 
         <div className="flex items-center space-x-4 md:hidden">
-          <Link href="/login">
-            <Image
-              src="/images/userlogo.png"
-              alt="user"
-              width={24}
-              height={24}
-            />
-          </Link>
           <Burger />
         </div>
       </div>

frontend/components/UserLogin.tsx

@@ -2,6 +2,7 @@
 
 import React from 'react'
 import Link from 'next/link'
+import Image from 'next/image'
 import Button from './ui/Button'
 import useUserStore from '@/app/store/userStore'
 
@@ -28,15 +29,30 @@ const UserLogin = () => {
 
   if (!isUserAuth) {
     return (
-      <div className="hidden md:block text-base font-medium">
-        <Link href="/register" className="hover:text-orange transition-colors">
-          Регистрация
-        </Link>
-        <span> / </span>
-        <Link href="/login" className="hover:text-orange transition-colors">
-          Войти
-        </Link>
-      </div>
+      <>
+        <div className="hidden md:block text-base font-medium">
+          <Link
+            href="/register"
+            className="hover:text-orange transition-colors"
+          >
+            Регистрация
+          </Link>
+          <span> / </span>
+          <Link href="/login" className="hover:text-orange transition-colors">
+            Войти
+          </Link>
+        </div>
+        <div className="md:hidden">
+          <Link href="/login">
+            <Image
+              src="/images/userlogo.png"
+              alt="user"
+              width={24}
+              height={24}
+            />
+          </Link>
+        </div>
+      </>
     )
   }
 
@@ -44,16 +60,14 @@ const UserLogin = () => {
     <Link href={path} className="ml-2 sm:ml-5">
       <Button
         text={isUserAuth ? `Привет, ${name}!` : name}
-        className={`
-          text-sm sm:text-base 
-          py-2 sm:py-3 
-          px-3 sm:px-4 
-          bg-orange text-white
-          flex items-center 
-          rounded-2xl 
-          whitespace-nowrap
-          hover:bg-orange/80
-        `}
+        className="hidden md:flex text-sm sm:text-base py-2 sm:py-3 px-3 sm:px-4 bg-orange text-white items-center rounded-2xl whitespace-nowrap hover:bg-orange/80"
+      />
+      <Image
+        src="/images/userlogo.png"
+        alt="user"
+        width={24}
+        height={24}
+        className="md:hidden"
       />
     </Link>
   )