Delay before close for smooth feel.

Author: 7heMech

frontend/src/components/SiteMenu.tsx

@@ -176,18 +176,17 @@ const getMenuDropown = (item: MenuItem, onClick?: () => void) => {
 };
 
 export function SiteMenu() {
-	const closeMenu = () => {
+	const closeMenu = () => setTimeout(() => {
 		const navbarToggler = document.querySelector<HTMLElement>(".navbar-toggler");
 		const navbarMenu = document.querySelector("#navbar-menu");
-
 		if (navbarToggler && navbarMenu?.classList.contains("show")) {
 			navbarToggler.click();
 		}
-	};
+	}, 300);
 
 	return (
 		<header className="navbar-expand-md">
-			<div className="collapse navbar-collapse"  id="navbar-menu">
+			<div className="collapse navbar-collapse" id="navbar-menu">
 				<div className="navbar">
 					<div className="container-xl">
 						<div className="row flex-column flex-md-row flex-fill align-items-center">