chore: enhance type safety by replacing 'any' with 'HTMLElement' in ResourceListTable and ResourceListTableVirtual, and add 'FieldGroup' type in ShowView

Author: yaroslav8765

adminforth/spa/src/components/ResourceListTable.vue

@@ -390,8 +390,8 @@ const rowHeights = ref<number[]>([]);
 const columnWidths = ref<number[]>([]);
 watch(() => props.rows, (newRows) => {
   // rows are set to null when new records are loading
-  rowHeights.value = newRows || !rowRefs.value ? [] : rowRefs.value.map((el: any) => el.offsetHeight);
-  columnWidths.value = newRows || !headerRefs.value ? [] : [48, ...headerRefs.value.map((el: any) => el.offsetWidth)];
+  rowHeights.value = newRows || !rowRefs.value ? [] : rowRefs.value.map((el: HTMLElement) => el.offsetHeight);
+  columnWidths.value = newRows || !headerRefs.value ? [] : [48, ...headerRefs.value.map((el: HTMLElement) => el.offsetWidth)];
 });
 
 function addToCheckedValues(id: string) {

adminforth/spa/src/components/ResourceListTableVirtual.vue

@@ -410,8 +410,8 @@ const rowHeights = ref<number[]>([]);
 const columnWidths = ref<number[]>([]);
 watch(() => props.rows, (newRows) => {
   // rows are set to null when new records are loading
-  rowHeights.value = newRows || !rowRefs.value ? [] : rowRefs.value.map((el: any) => el.offsetHeight);
-  columnWidths.value = newRows || !headerRefs.value ? [] : [48, ...headerRefs.value.map((el: any) => el.offsetWidth)];
+  rowHeights.value = newRows || !rowRefs.value ? [] : rowRefs.value.map((el: HTMLElement) => el.offsetHeight);
+  columnWidths.value = newRows || !headerRefs.value ? [] : [48, ...headerRefs.value.map((el: HTMLElement) => el.offsetWidth)];
 });
 
 function addToCheckedValues(id: any) {

adminforth/spa/src/views/ShowView.vue

@@ -139,7 +139,7 @@ import ShowTable from '@/components/ShowTable.vue';
 import adminforth from "@/adminforth";
 import { useI18n } from 'vue-i18n';
 import { getIcon } from '@/utils';
-import { type AdminForthComponentDeclarationFull, type AdminForthResourceColumnCommon } from '@/types/Common.js';
+import { type AdminForthComponentDeclarationFull, type AdminForthResourceColumnCommon, type FieldGroup } from '@/types/Common.js';
 
 const route = useRoute();
 const router = useRouter();
@@ -183,7 +183,7 @@ const groups = computed(() => {
   }
   const activeGroups: typeof fieldGroupType | [] = fieldGroupType ?? [];
 
-  return activeGroups.map((group: any) => ({
+  return activeGroups.map((group: FieldGroup) => ({
     ...group,
     columns: coreStore.resource?.columns.filter(
       col => group.columns.includes(col.name) && col.showIn?.show