fix style et autres jsplu mais gg wp

src/components/serverCard/serverCard.jsx

@@ -59,10 +59,10 @@ const ServerCard = ({ status, version, name, framework, onRunClick, onStopClick,
           <div className="tooltip"></div>
         </div>
         <div className={styles.buttonContainer}>
-          {!status && (
+          {status === "false" && (
             <button className={styles.stoppedButton} onClick={handleRun}>▶ Démarrer</button>
           )}
-          {status && (
+          {status === true && (
             <button className={styles.runningButton} onClick={handleStop}>◼ Arrêter</button>
           )}
         </div>

src/pages/DashboardPage/DashboardPage.module.scss

@@ -1,7 +1,6 @@
 html, body {
   margin: 0;
   padding: 0;
-
   font-family: 'Poppins', system-ui, Avenir, Helvetica, Arial, sans-serif;
   background-color: var(--main-bg-color);
 }

src/pages/ServerDetails/ServerDetails.jsx

@@ -45,7 +45,7 @@ const ServerDetails = ({ user }) => {
         <Navbar user={user} />
         <div className={styles.error}>
           <h1>{error}</h1>
-          <button onClick={() => navigate('/dashboard')}>Back to Dashboard</button>
+          <button onClick={() => navigate('/dashboard')}>Retour au Dashboard</button>
         </div>
       </div>
     );
@@ -56,6 +56,7 @@ const ServerDetails = ({ user }) => {
       <Navbar user={user} />
       <div className={styles.details}>
         <h1>{server.name}</h1>
+        <h1>{server.difficulty}</h1>
       </div>
     </div>
   );

src/pages/ServerDetails/ServerDetails.module.scss

@@ -1,7 +1,15 @@
-.details{
+html, body {
+    margin: 0;
+    padding: 0;
     color: white;
 }
 
-.serverDetailsContainer{
-    margin-top: 10rem;
+.serverDetailsContainer {
+    padding-top: var(--navbar-height);
+    background-color: var(--main-bg-color);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    color: var(--text-color);
 }
+