refactor: update bundle data and integrate new tool management API endpoints

frontend/src/api.js

@@ -1,6 +1,6 @@
 import axios from "axios";
 
-const API_URL = "https://preprod.octopusdesign.fr/api-octopus/server/wp-json";
+const API_URL = "http://preprod.octopusdesign.fr/api-octopus/server/wp-json";
 
 // 🔹 Instance Axios pour éviter de répéter l'URL
 const api = axios.create({

frontend/src/components/Pages/Tools.jsx

@@ -35,6 +35,13 @@ const toolsApps = [
     url: "/app-photos/index.html?access-token=OCTO-ADMIN-2024",
     external: true,
   },
+    {
+    id: "app-planning",
+    name: "Planning",
+    description: "Application de planification.",
+    url: "https://planning-arinfo.vercel.app/",
+    external: true,
+  },
 ];
 
 function Tools() {
@@ -175,7 +182,7 @@ function Tools() {
           </Stack>
         </Stack>
 
-        <Grid container spacing={3}>
+        <Grid container spacing={3} rowSpacing={9}>
           {toolsApps.map((app) => (
             <Grid item xs={12} md={6} lg={4} key={app.id}>
               <Card
@@ -187,6 +194,7 @@ function Tools() {
                   flexDirection: "column",
                   justifyContent: "space-between",
                   p: { xs: 2.5, md: 3 },
+                 
                 }}
               >
                 <Stack spacing={1.8}>
@@ -198,7 +206,7 @@ function Tools() {
                   </Typography>
                   <Typography
                     variant="h6"
-                    sx={{ color: "#0b1a3d", fontWeight: 700 }}
+                    sx={{ color: "#cfd2d8ff", fontWeight: 700 }}
                   >
                     {app.name}
                   </Typography>