card Expertises modal

frontend/src/main.jsx

@@ -4,6 +4,8 @@ import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
 import { ThemeProvider } from "@mui/material/styles";
 import theme from "./theme";
 import { HelmetProvider } from "react-helmet-async";
+import  SimpleReactLightbox  from "simple-react-lightbox";
+
 
 
 import Home from "./components/Pages/Home.jsx";
@@ -17,6 +19,14 @@ import Header from "./components/Header";
 import FormationWeb from "./components/Pages/FormationWeb";
 import FormationIA from "./components/Pages/FormationIA";
 
+function App() {
+  return (
+    <SimpleReactLightbox>
+      <YourApp />
+    </SimpleReactLightbox>
+  );
+}
+
 ReactDOM.createRoot(document.getElementById("root")).render(
   <React.StrictMode>
     <ThemeProvider theme={theme}>