Maj Api and create contact page

frontend/src/components/Header.jsx

@@ -124,19 +124,6 @@ const Header = () => {
 
         {/* Navigation Links */}
         <Box sx={{ display: { xs: "none", md: "flex" }, gap: 2 }}>
-          <Button
-            component={Link}
-            to="/posts"
-            color="inherit"
-            sx={{
-              fontWeight: location.pathname === "/posts" ? "bold" : "normal",
-              textDecoration:
-                location.pathname === "/posts" ? "underline" : "none",
-              ...commonButtonStyles,
-            }}
-          >
-            Articles
-          </Button>
 
           {/* Services Dropdown */}
           <Button
@@ -148,11 +135,11 @@ const Header = () => {
               fontWeight: location.pathname.includes("/services")
                 ? "bold"
                 : "normal",
-              textDecoration: location.pathname.includes("/services")
+                textDecoration: location.pathname.includes("/services")
                 ? "underline"
                 : "none",
-              ...commonButtonStyles,
-            }}
+                ...commonButtonStyles,
+              }}
           >
             Services
           </Button>
@@ -191,6 +178,19 @@ const Header = () => {
             </MenuItem>
           </Menu>
 
+            <Button
+              component={Link}
+              to="/posts"
+              color="inherit"
+              sx={{
+                fontWeight: location.pathname === "/posts" ? "bold" : "normal",
+                textDecoration:
+                  location.pathname === "/posts" ? "underline" : "none",
+                ...commonButtonStyles,
+              }}
+            >
+              Articles
+            </Button>
           <Button
             component={Link}
             to="/about"
@@ -300,15 +300,6 @@ const Header = () => {
                 <HomeIcon sx={{ marginRight: 1 }} />
                 <ListItemText primary="Accueil" />
               </ListItem>
-              <ListItem
-                button
-                component={Link}
-                to="/posts"
-                selected={location.pathname === "/posts"}
-              >
-                <ArticleIcon sx={{ marginRight: 1 }} />
-                <ListItemText primary="Articles" />
-              </ListItem>
               <ListItem
                 button
                 component={Link}
@@ -336,6 +327,15 @@ const Header = () => {
                 <WorkIcon sx={{ marginRight: 1 }} />
                 <ListItemText primary="Formation Video" />
               </ListItem>
+              <ListItem
+                button
+                component={Link}
+                to="/posts"
+                selected={location.pathname === "/posts"}
+              >
+                <ArticleIcon sx={{ marginRight: 1 }} />
+                <ListItemText primary="Articles" />
+              </ListItem>
               <ListItem
                 button
                 component={Link}