feat(private-area-editor): enhance UI with Material components and improve area management

.vscode/launch.json

@@ -5,15 +5,12 @@
 			"type": "java",
 			"name": "Backend: Spring Boot",
 			"request": "launch",
-			"presentation": {
-				"hidden": true
-			},
 			"mainClass": "fr.nessar.lmnporganizer.LmnpOrganizerApplication",
 			"projectName": "backend",
 			"cwd": "${workspaceFolder}/backend",
 			"envFile": "${workspaceFolder}/.env",
 			"env": {
-				"SPRING_DATA_MONGODB_URI": "mongodb://admin:adminpassword@localhost:27017/lmnp?authSource=admin"
+				"SPRING_DATA_MONGODB_URI": "mongodb://${MONGO_ROOT_USERNAME:lmnp}:${MONGO_ROOT_PASSWORD}@localhost:${MONGO_PORT:27017}/lmnp?authSource=admin&replicaSet=rs0&directConnection=true"
 			},
 			"preLaunchTask": "Start MongoDB",
 			"postDebugTask": "Stop MongoDB"

.vscode/tasks.json

@@ -1,47 +1,47 @@
 {
-  "version": "2.0.0",
-  "tasks": [
-    {
-      "label": "Start MongoDB",
-      "type": "shell",
-      "command": "docker compose up --detach --wait mongodb",
-      "options": {
-        "cwd": "${workspaceFolder}"
-      },
-      "problemMatcher": []
-    },
-    {
-      "label": "Stop MongoDB",
-      "type": "shell",
-      "command": "docker compose stop mongodb",
-      "options": {
-        "cwd": "${workspaceFolder}"
-      },
-      "problemMatcher": []
-    },
-    {
-      "label": "Start Angular",
-      "type": "shell",
-      "command": "bun run start -- --proxy-config proxy.conf.json",
-      "options": {
-        "cwd": "${workspaceFolder}/frontend"
-      },
-      "isBackground": true,
-      "problemMatcher": {
-        "owner": "angular",
-        "pattern": {
-          "regexp": "^$"
-        },
-        "background": {
-          "activeOnStart": true,
-          "beginsPattern": ".*",
-          "endsPattern": "^\\s*➜\\s+Local:\\s+http://localhost:4200/\\s*$"
-        }
-      },
-      "presentation": {
-        "reveal": "always",
-        "panel": "dedicated"
-      }
-    }
-  ]
-}
+	"version": "2.0.0",
+	"tasks": [
+		{
+			"label": "Start MongoDB",
+			"type": "shell",
+			"command": "docker compose --file=compose.dev.yml up --detach --wait mongodb",
+			"options": {
+				"cwd": "${workspaceFolder}"
+			},
+			"problemMatcher": []
+		},
+		{
+			"label": "Stop MongoDB",
+			"type": "shell",
+			"command": "docker compose --file=compose.dev.yml stop mongodb",
+			"options": {
+				"cwd": "${workspaceFolder}"
+			},
+			"problemMatcher": []
+		},
+		{
+			"label": "Start Angular",
+			"type": "shell",
+			"command": "bun run start -- --proxy-config proxy.conf.json",
+			"options": {
+				"cwd": "${workspaceFolder}/frontend"
+			},
+			"isBackground": true,
+			"problemMatcher": {
+				"owner": "angular",
+				"pattern": {
+					"regexp": "^$"
+				},
+				"background": {
+					"activeOnStart": true,
+					"beginsPattern": ".*",
+					"endsPattern": "^\\s*➜\\s+Local:\\s+http://localhost:4200/\\s*$"
+				}
+			},
+			"presentation": {
+				"reveal": "always",
+				"panel": "dedicated"
+			}
+		}
+	]
+}