edit layout for small resolution screens

src/app/ui/header/headerPanel.tsx

@@ -3,12 +3,14 @@ import UserMenuButton from './userMenuButton';
 import Link from 'next/link';
 import LanguageSwitcher from '@/app/components/LanguageSwitcher';
 import { useTranslations } from 'next-intl';
+import BurgerMenu from '@/app/ui/navigation/burger-menu';
 
 export default function HeaderPanel() {
 	const t = useTranslations("Global");
 
 	return (
 		<header className="header">
+			<BurgerMenu />
 			<div className="header-action">
 				<LanguageSwitcher />
 				<Link

src/app/ui/header/notificationsButton.tsx

@@ -4,7 +4,7 @@ import { useState, useRef } from 'react';
 import { useClickOutside } from '@/app/hooks/useClickOutside';
 import { useTranslations } from 'next-intl';
 import Link from 'next/link';
-import {IconNotification} from '@/app/ui/icons/icons';
+import { IconNotification } from '@/app/ui/icons/icons';
 
 export default function NotificationsButton() {
 	const [isOpen, setIsOpen] = useState(false);
@@ -13,9 +13,13 @@ export default function NotificationsButton() {
 	const menuRef = useRef<HTMLDivElement | null>(null);
 	const t = useTranslations('Global');
 
-	useClickOutside(menuRef, () => {
-		setIsOpen(false);
-	});
+	useClickOutside(
+		menuRef,
+		() => {
+			setIsOpen(false);
+		},
+		isOpen
+	);
 
 	const handleButtonClick = () => {
 		if (!isOpen) {
@@ -54,7 +58,7 @@ export default function NotificationsButton() {
 							<div className="notification-list">
 								<div className="notification-item">
 									<div className="notification-icon">
-										<IconNotification/>
+										<IconNotification />
 									</div>
 									<div className="notification-content">
 										<div className="notification-title">

src/app/ui/header/userMenuButton.tsx

@@ -25,9 +25,13 @@ export default function UserMenuButton() {
 	})
 
 
-	useClickOutside(menuRef, () => {
-		setIsOpen(false);
-	});
+	useClickOutside(
+		menuRef,
+		() => {
+			setIsOpen(false);
+		},
+		isOpen
+	);
 
 	const handleButtonClick = () => {
 		if (!isOpen) {