Fix an import from Vuetify

Author: brianhelba

client/src/components/NABat/NABatAdminBrowser.vue

@@ -11,7 +11,7 @@ import {
   type AnnotationExportRequest,
 } from '@api/NABatApi';
 import Exporting from '../Exporting.vue';
-import { SortItem } from 'vuetify/lib/components/VDataTable/composables/sort';
+import type { DataTableSortItem } from 'vuetify';
 
 export default defineComponent({
   name: 'NABatAdminBrowser',
@@ -27,8 +27,8 @@ export default defineComponent({
     const totalAnnotations = ref<number>(0);
     const selectedRecordingId = ref<number | null>(null);
     const loading = ref(false);
-    const sortBy = ref<SortItem[]>([{ key: 'created', order: 'desc' }]);
-    const sortByAnnotations = ref<SortItem[]>([{ key: 'created', order: 'desc' }]);
+    const sortBy = ref<DataTableSortItem[]>([{ key: 'created', order: 'desc' }]);
+    const sortByAnnotations = ref<DataTableSortItem[]>([{ key: 'created', order: 'desc' }]);
 
     const filters = ref<{
       recording_id?: number;
@@ -152,15 +152,15 @@ export default defineComponent({
 
     onMounted(() => fetchRecordings({ page: 1, itemsPerPage: 50 }));
 
-    const sortByUpdate = (newSort?: SortItem[]) => {
+    const sortByUpdate = (newSort?: DataTableSortItem[]) => {
       if (newSort) {
         sortBy.value = newSort;
       } else {
         sortBy.value = [{ key: 'created', order: 'desc' }];
       }
     };
 
-    const sortByUpdateAnnotations = (newSort?: SortItem[]) => {
+    const sortByUpdateAnnotations = (newSort?: DataTableSortItem[]) => {
       if (newSort) {
         sortByAnnotations.value = newSort;
       } else {