chore: update code structure for improved readability and maintainability

css/base/style.css

@@ -5,7 +5,7 @@ body::before {
   left: 0;
   width: 100%;
   height: 100%;
-  background-image: url("../image/camera-image");
+  background-image: url("../image/camera-image.png");
   background-position: center;
   background-size: cover;
   filter: blur(1px) brightness(0.3);
@@ -443,4 +443,30 @@ footer {
 .global_title_h1 {
   color: white;
   font-size: 10vh;
+}
+
+/* Styles pour les statuts des projets dans le carrousel */
+.status-draft {
+  color: #6B8E23; /* Vert haricot/marron pour les brouillons */
+  font-weight: bold;
+}
+
+.status-capturing {
+  color: #87CEEB; /* Bleu ciel pour les projets en capture/en cours */
+  font-weight: bold;
+}
+
+.status-idle {
+  color: #32CD32; /* Vert vif pour les projets terminés */
+  font-weight: bold;
+}
+
+.status-stopping {
+  color: #FF4500; /* Orange rougeâtre pour les projets arrêtés */
+  font-weight: bold;
+}
+
+.status-unknown {
+  color: #cccccc; /* Gris pour les statuts inconnus */
+  font-style: italic;
 }