hotfix(dataset): enhance dataset creation and editing forms

- Added functionality to add new authors and contributors directly within the dataset creation and editing forms.
- Implemented `addNewAuthor` and `addNewContributor` methods to dynamically add new person objects to the authors and contributors arrays in the form data.
- Added header icons with click events to the `CardBox` component for authors and contributors sections to trigger the addition of new entries.
- Updated the dataset index views for reviewers and editors to improve the display of dataset titles, including adding a CSS class to truncate long titles.
- Ensured authors and contributors are ordered by `pivot_sort_order` when preloading in the Dataset and Editor controllers.
- Fixed an issue where pressing enter in the `SearchAutocomplete` component would submit the form.
- Updated validation messages to be available in the `updateEditorDatasetValidator`.

resources/js/Pages/Reviewer/Dataset/Index.vue

@@ -122,12 +122,9 @@ const formatServerState = (state: string) => {
 
                         <tbody>
                             <tr v-for="dataset in props.datasets.data" :key="dataset.id" :class="[getRowClass(dataset)]">
-                                <td data-label="Login" class="py-4 whitespace-nowrap text-gray-700 dark:text-white">
-                                    <!-- <Link v-bind:href="stardust.route('user.show', [user.id])"
-                                    class="no-underline hover:underline text-cyan-600 dark:text-cyan-400">
-                                {{ user.login }}
-                                </Link> -->
-                                    <div class="text-sm font-medium">{{ dataset.main_title }}</div>
+                                <td data-label="Login"
+                                    class="py-4 whitespace-nowrap text-gray-700 dark:text-white">                                   
+                                    <div class="text-sm table-title">{{ dataset.main_title }}</div>
                                 </td>
                                 <td class="py-4 whitespace-nowrap text-gray-700 dark:text-white">
                                     <div class="text-sm">{{ dataset.id }}</div>
@@ -185,3 +182,16 @@ const formatServerState = (state: string) => {
     </LayoutAuthenticated>
 </template>
 
+<style scoped lang="css">
+.table-title {
+    max-width: 200px;
+    /* set a maximum width */
+    overflow: hidden;
+    /* hide overflow */
+    text-overflow: ellipsis;
+    /* show ellipsis for overflowed text */
+    white-space: nowrap;
+    /* prevent wrapping */
+}
+
+</style>