feat: Enhance Dataset Index with Dynamic Legend and Improved State Management for submitter, editor and reviewer

- Added a collapsible legend to display dataset states and available actions.
- Implemented localStorage persistence for legend visibility.
- Refactored dataset state handling with dynamic classes and labels.
- Improved table layout and styling for better user experience.
- Updated Tailwind CSS configuration to define new background colors for dataset states.

resources/js/Pages/Admin/Project/Edit.vue

@@ -48,11 +48,12 @@ const submit = async () => {
                 <div class="grid grid-cols-1 gap-6">
                     <FormField 
                         label="Label" 
-                        help="Project label (read-only)" 
+                        help="Lowercase letters, numbers, and hyphens only" 
                     >
                         <FormControl 
                             v-model="form.label" 
                             type="text" 
+                            help="Lowercase letters, numbers, and hyphens only"
                             :is-read-only=true                         
                             class="bg-gray-100 dark:bg-slate-800 cursor-not-allowed opacity-75"
                         />
@@ -60,7 +61,7 @@ const submit = async () => {
 
                     <FormField 
                         label="Name" 
-                        help="Required. Project identifier (slug)" 
+                        help="Required. Project title shown to users"
                         :class="{ 'text-red-400': form.errors.name }"
                     >
                         <FormControl