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/Create.vue

@@ -39,9 +39,9 @@ const submit = async () => {
 
             <CardBox form @submit.prevent="submit()" class="shadow-lg">
                 <div class="grid grid-cols-1 gap-6">
-                    <FormField label="Label" help="Required. Displayed project label" :class="{ 'text-red-400': form.errors.label }">
+                    <FormField label="Label"  help="Lowercase letters, numbers, and hyphens only" :class="{ 'text-red-400': form.errors.label }">
                         <FormControl
-                            v-model="form.label"
+                            v-model="form.label"                           
                             type="text"
                             placeholder="e.g., my-awesome-project"                           
                             required
@@ -56,7 +56,7 @@ const submit = async () => {
 
                     <FormField
                         label="Name"
-                        help="Required. Project identifier (slug, lowercase, no spaces)"
+                        help="Required. Project title shown to users"
                         :class="{ 'text-red-400': form.errors.name }"
                     >
                         <FormControl