room list and create room

src/assets/styles/room-list.css

@@ -0,0 +1,38 @@
+.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 */
+}
+
+.room-details {
+    width: 100%; /* Largeur de chaque bo<62>te */
+    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 */
+    transition: transform 0.3s ease;
+}
+
+    .room-details:hover {
+        transform: translateY(-5px); /* Effet d'<27>l<EFBFBD>vation au survol */
+    }
+
+    .room-details .title {
+        font-size: 18px;
+        font-weight: bold;
+        margin-bottom: 10px;
+    }
+
+    .room-details .characteristic {
+        margin-bottom: 10px;
+    }
+
+    .room-details .label {
+        font-weight: bold;
+    }
+
+    .room-details .value {
+        color: #666;
+    }