fix styles

src/components/serverCard/serverCard.module.scss

@@ -17,8 +17,8 @@
 }
 
 .frameworkIcon {
-  width: 27px;
-  height: 27px;
+  width: 2rem;
+  height: 2rem;
   pointer-events: none;
 }
 
@@ -30,7 +30,7 @@
   border-radius: 0.6rem;
   outline: none;
   cursor: pointer;
-  transition: background-color 0.3s ease; /* Smooth transition for color change */
+  transition: background-color 0.3s ease; 
 }
 .runningButton{
   background-color: #8d213e;
@@ -40,7 +40,7 @@
   border-radius: 0.6rem;
   outline: none;
   cursor: pointer;
-  transition: background-color 0.3s ease; /* Smooth transition for color change */
+  transition: background-color 0.3s ease; 
 }
 .deleteButton{
   width: 20px;

src/pages/DashboardPage/DashboardPage.jsx

@@ -16,7 +16,10 @@ const DashboardPage = ({ user }) => {
     try {
       const ApiResponse = await serviiApi.fetchServers();
       const data = ApiResponse.message;
-      setServers(data);
+
+      const sortedServers = data.sort((a, b) => b.running - a.running);
+      setServers(sortedServers);
+
       const userSubdomain = await getUserSubdomain(user.uid);
       setSubdomain(userSubdomain);
     } catch (error) {
@@ -74,7 +77,7 @@ const DashboardPage = ({ user }) => {
         <Loading />
       ) : 
           <div className={styles.cardsContainer}>
-            <div className={styles.iptitle}>Adresse de connexions à vos serveurs : {subdomain}.servii.fr</div>
+          <div className={styles.iptitle}>Adresse de connexions à vos serveurs : <span>{subdomain}.servii.fr</span></div>            
           {servers.length === 0 ? (
               <NoServer user={user} onCreateServer={handleCreateServer} />
             ) : (

src/pages/DashboardPage/DashboardPage.module.scss

@@ -17,7 +17,7 @@ html, body {
 }
 
 .cardsContainer {
-  width: 100%;
+  width: 50rem;
   margin-top: 5rem; 
   display: flex;
   flex-direction: column;
@@ -33,3 +33,7 @@ html, body {
   font-style: italic;
   margin-bottom: 1.5rem;
 }
+
+.iptitle span {
+  color: violet;
+}