feat: Enhance Dataset Edit Page with Unsaved Changes Indicator and Improved Structure

- Added a progress indicator for unsaved changes at the top of the dataset edit page.
- Enhanced the title section with a dataset status badge and improved layout.
- Introduced collapsible sections for better organization of form fields.
- Improved notifications for success/error messages.
- Refactored form fields into distinct sections: Basic Information, Licenses, Titles, Descriptions, Creators & Contributors, Additional Metadata, Geographic Coverage, and Files.
- Enhanced loading spinner with a more visually appealing overlay.
- Added new project validation logic in the backend with create and update validators.

app/controllers/projects_controller.ts

@@ -1,6 +1,7 @@
 // app/controllers/projects_controller.ts
 import Project from '#models/project';
 import type { HttpContext } from '@adonisjs/core/http';
+import { createProjectValidator, updateProjectValidator } from '#validators/project';
 
 export default class ProjectsController {
     // GET /settings/projects
@@ -23,7 +24,8 @@ export default class ProjectsController {
 
     // POST /settings/projects
     public async store({ request, response, session }: HttpContext) {
-        const data = request.only(['label', 'name', 'description']);
+        // Validate the request data
+        const data = await request.validateUsing(createProjectValidator);
 
         await Project.create(data);
 
@@ -40,7 +42,9 @@ export default class ProjectsController {
     // PUT /settings/projects/:id
     public async update({ params, request, response, session }: HttpContext) {
         const project = await Project.findOrFail(params.id);
-        const data = request.only(['label', 'name', 'description']);
+        
+        // Validate the request data
+        const data = await request.validateUsing(updateProjectValidator);
 
         await project.merge(data).save();
 

app/validators/project.ts

@@ -0,0 +1,28 @@
+// app/validators/project.ts
+import vine from '@vinejs/vine';
+
+export const createProjectValidator = vine.compile(
+    vine.object({
+        label: vine.string().trim().minLength(1).maxLength(50),
+        name: vine
+            .string()
+            .trim()
+            .minLength(3)
+            .maxLength(255)
+            .regex(/^[a-z0-9-]+$/),
+        description: vine.string().trim().maxLength(255).minLength(5).optional(),
+    }),
+);
+
+export const updateProjectValidator = vine.compile(
+    vine.object({
+        // label is NOT included since it's readonly
+        name: vine
+            .string()
+            .trim()
+            .minLength(3)
+            .maxLength(255)
+            .regex(/^[a-z0-9-]+$/),
+         description: vine.string().trim().maxLength(255).minLength(5).optional(),
+    }),
+);