Refactor code structure for improved readability and maintainability

diagrams/frontend/frontend4.puml

@@ -0,0 +1,28 @@
+@startuml
+
+left to right direction
+actor "Utilisateur" as user
+
+rectangle "Système Timelapse" {
+  usecase "Gérer les projets" as UC1
+  usecase "Configurer la caméra" as UC2
+  usecase "Créer des vidéos" as UC3
+  usecase "Visualiser les données" as UC4
+  usecase "Uploader manuellement" as UC5
+  usecase "Afficher métriques" as UC6
+
+  UC1 --> UC2
+  UC2 --> UC3
+  UC1 --> UC4
+  UC2 --> UC5
+  UC3 --> UC6
+}
+
+user --> UC1
+user --> UC2
+user --> UC3
+user --> UC4
+user --> UC5
+user --> UC6
+
+@enduml