✨ Help button

src/front/Assets/Icons/life_buoy.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.364 4.13604L12.8284 7.67157M12.8284 13.3284L16.364 16.864M7.17157 7.67157L3.63604 4.13604M7.17157 13.3284L3.63604 16.864M19 10.5C19 15.4706 14.9706 19.5 10 19.5C5.02944 19.5 1 15.4706 1 10.5C1 5.52944 5.02944 1.5 10 1.5C14.9706 1.5 19 5.52944 19 10.5ZM14 10.5C14 12.7091 12.2091 14.5 10 14.5C7.79086 14.5 6 12.7091 6 10.5C6 8.29086 7.79086 6.5 10 6.5C12.2091 6.5 14 8.29086 14 10.5Z" stroke="black" stroke-width="2" stroke-linejoin="round"/>
+</svg>

src/front/Components/DesignSystem/Header/classes.module.scss

@@ -46,6 +46,14 @@
 				margin-right: 32px;
 			}
 		}
+
+		.help-section {
+			display: inline-flex;
+			cursor: pointer;
+			> :first-child {
+				margin-right: 32px;
+			}
+		}
 	}
 
 	.burger-menu {

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

@@ -12,6 +12,7 @@ import Module from "@Front/Config/Module";
 import Head from "next/head";
 import { useRouter } from "next/router";
 import LogoCielNatureIcon from "./logo-ciel-notaires.jpeg";
+import LifeBuoy from "@Assets/Icons/life_buoy.svg";
 
 enum EHeaderOpeningState {
 	OPEN = "open",
@@ -69,6 +70,11 @@ class HeaderClass extends React.Component<IPropsClass, IState> {
 					<>
 						<Navigation />
 						<div className={classes["right-section"]}>
+							<div className={classes["help-section"]}>
+								<Link href="https://tally.so/r/mBGaNY" target="blank">
+									<Image src={LifeBuoy} alt="help" />
+								</Link>
+							</div>
 							<div className={classes["notification-section"]}>
 								<Notifications
 									isModalOpen={this.state.isNotificationMenuOpen}