commit final

src/assets/styles/diagram.css

@@ -1,11 +1,11 @@
 .diagram-container {
-    width: 100%; /* Utilise toute la largeur horizontale disponible */
+    width: 100%; 
     margin-bottom: 20px;
 }
 
 .row-container {
     display: flex;
-    align-items: flex-end; /* Alignement des <20>l<EFBFBD>ments <20> la base */
+    align-items: flex-end; 
     margin-bottom: 10px;
 }
 
@@ -20,9 +20,9 @@
 
 .value {
     position: absolute;
-    bottom: 50%; /* Alignement par rapport <20> la base de l'<27>l<EFBFBD>ment parent */
+    bottom: 50%; 
     right: 0;
-    transform: translate(50%, 50%); /* Ajustement de la position */
+    transform: translate(50%, 50%); 
     color: white;
     font-size: 12px;
     padding: 5px;
@@ -35,6 +35,6 @@
     text-align: center;
     font-size: 14px;
     color: #333;
-    position: relative; /* Permet l'alignement des labels <20> la base */
-    bottom: 0; /* Alignement <20> la base */
+    position: relative; 
+    bottom: 0;
 }

src/assets/styles/item-page.css

@@ -87,12 +87,10 @@
 }
 
 
-/* Style pour les boutons de pagination */
 .pagination button {
     margin: 0 5px;
 }
 
-/* Style pour les ItemBox */
 .item-container .item-list .ant-col {
     display: flex;
     justify-content: center;

src/assets/styles/itembox.css

@@ -9,7 +9,7 @@
     border-radius: 8px;
     padding: 15px;
     margin-bottom: 20px;
-    width: 250px; /* Largeur ajustable en fonction de votre mise en page */
+    width: 250px; 
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 

src/assets/styles/modal.css

@@ -1,4 +1,3 @@
-/* CSS pour la fen<65>tre modale */
 .modal {
     display: flex;
     justify-content: center;

src/assets/styles/room-list.css

@@ -1,22 +1,22 @@
 .list-container {
     width: 100%;
     max-height:500px;
-    overflow-y: auto; /* Activer le d<>filement vertical si n<>cessaire */
-    padding: 20px; /* Espace int<6E>rieur de la liste */
+    overflow-y: auto; 
+    padding: 20px; 
 }
 
 .room-details {
-    width: 100%; /* Largeur de chaque bo<62>te */
+    width: 100%; 
     background-color: #f9f9f9;
     border-radius: 10px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     padding: 20px;
-    margin-bottom: 20px; /* Espace entre chaque bo<62>te */
+    margin-bottom: 20px; 
     transition: transform 0.3s ease;
 }
 
     .room-details:hover {
-        transform: translateY(-5px); /* Effet d'<27>l<EFBFBD>vation au survol */
+        transform: translateY(-5px); 
     }
 
     .room-details .title {