hotfix: enhance radio button and file upload components

- Improved the styling and functionality of the radio button component, including a new radio button style.
- Added a loading spinner to the file upload component to indicate when large files are being processed.
- Added the ability to sort files in the file upload component.
- Fixed an issue where the radio button component was not correctly updating the model value.
- Updated the dataset creation and edit forms to use the new radio button component.
- Added a global declaration for the `sort_order` property on the `File` interface.
- Updated the API to filter authors by first and last name.
- Removed the import of `_checkbox-radio-switch.css` as the radio button styling is now handled within the component.

resources/js/Components/FormCheckRadioGroup.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue';
+import { computed, ref, PropType } from 'vue';
 import FormCheckRadio from '@/Components/FormCheckRadio.vue';
-import BaseButton from '@/Components/BaseButton.vue';
-import FormControl from '@/Components/FormControl.vue';
-import { mdiPlusCircle } from '@mdi/js';
+// import BaseButton from '@/Components/BaseButton.vue';
+// import FormControl from '@/Components/FormControl.vue';
+
 const props = defineProps({
     options: {
         type: Object,
@@ -23,7 +23,7 @@ const props = defineProps({
         required: true,
     },
     type: {
-        type: String,
+        type: String as PropType<'checkbox' | 'radio' | 'switch'>,
         default: 'checkbox',
         validator: (value: string) => ['checkbox', 'radio', 'switch'].includes(value),
     },
@@ -78,11 +78,11 @@ const addOption = () => {
 
 const inputElClass = computed(() => {
     const base = [
-        'px-3 py-2 max-w-full focus:ring focus:outline-none border-gray-700 rounded w-full',
+        'px-3 py-2 max-w-full border-gray-700 rounded w-full',
         'dark:placeholder-gray-400',
         'h-12',
         'border',
-       'bg-transparent'
+        'bg-transparent'
         // props.isReadOnly ? 'bg-gray-50 dark:bg-slate-600' : 'bg-white dark:bg-slate-800',
     ];
     // if (props.icon) {
@@ -108,7 +108,7 @@ const inputElClass = computed(() => {
                     d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-6H5v-2h6V5h2v6h6v2h-6v6z" />
             </svg>
         </div>
-        <FormCheckRadio v-for="(value, key) in options" :key="key" v-model="computedValue" :type="type" :name="name"
-            :input-value="key" :label="value" :class="componentClass" />
+        <FormCheckRadio v-for="(value, key) in options" :key="key" v-model="computedValue" :type="type"
+            :name="name" :input-value="key" :label="value" :class="componentClass" />
     </div>
 </template>