add ActionNote modal window

src/app/ui/header/header-menu.tsx

@@ -1,5 +1,13 @@
+'use client'
+
 import { IconBell, IconShield, IconBlank } from '@/app/ui/icons/icons';
+import { useState } from 'react';
+import ModalWindow from '@/app/components/modalWindow';
+import ActionNote from '@/app/ui/main-page/actions-modals/action-note';
+
 export default function HeaderMenu() {
+	const [showModal, setShowModal] = useState(false);
+
 	return (
 		<header
 			className="header-menu-wrapper"
@@ -27,7 +35,12 @@ export default function HeaderMenu() {
 					</button>
 
 
-					<button className="px-4 py-2 bg-white/20 hover:bg-white/30 rounded-lg transition font-semibold flex">
+					<button
+						className="px-4 py-2 bg-white/20 hover:bg-white/30 rounded-lg transition font-semibold flex"
+						onClick={() => {
+							setShowModal(true);
+						}}
+					>
 						<i className="fas fa-sticky-note mr-2">
 							<IconBlank />
 						</i>
@@ -45,6 +58,11 @@ export default function HeaderMenu() {
 					</div>
 				</div>
 			</div>
+			<ModalWindow state={showModal} callBack={() => {
+				setShowModal(false);
+			}}>
+				<ActionNote />
+			</ModalWindow>
 		</header>
 	)
 }