✨ adding rules

src/front/Components/DesignSystem/Header/HeaderSubmenu/index.tsx

@@ -8,6 +8,7 @@ import classes from "./classes.module.scss";
 import useHoverable from "@Front/Hooks/useHoverable";
 import HeaderSubmenuLink from "./HeaderSubmenuLink";
 import { IAppRule } from "@Front/Api/Entities/rule";
+import Rules, { RulesMode } from "@Front/Components/Elements/Rules";
 
 type IProps = {
 	text: string | JSX.Element;
@@ -29,6 +30,7 @@ export default function HeaderSubmenu(props: IProps) {
 	}, [isActive, pathname, props.links]);
 
 	return (
+		<Rules mode={RulesMode.OPTIONAL} rules={props.links.flatMap((link) => link.rules ?? [])}>
 			<div className={classes["container"]} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>
 				<div className={classNames(classes["root"], (isActive || isHovered) && classes["active"])}>
 					<div className={classes["content"]}>
@@ -38,11 +40,14 @@ export default function HeaderSubmenu(props: IProps) {
 					{isHovered && (
 						<div className={classes["sub-menu"]}>
 							{props.links.map((link) => (
-							<HeaderSubmenuLink key={link.path} {...link} />
+								<Rules mode={RulesMode.NECESSARY} rules={link.rules ?? []} key={link.path}>
+									<HeaderSubmenuLink {...link} />
+								</Rules>
 							))}
 						</div>
 					)}
 				</div>
 			</div>
+		</Rules>
 	);
 }