fix(DesignSystem): vertically allign Table cells content to the middle

Author: MellyGray

packages/design-system/src/lib/assets/styles/bootstrap-customized.scss

@@ -61,6 +61,8 @@ $form-label-font-weight: $dv-font-weight-bold;
 
 
 // Table
+$table-cell-vertical-align: middle;
+
 @import "bootstrap/scss/tables";
 
 
@@ -99,4 +101,8 @@ $navbar-brand-font-size: $dv-brand-font-size;
 
 .navbar-collapse {
   justify-content: end;
-}
+}
+
+th {
+  vertical-align: middle;
+}

src/sections/dataset/dataset-files/file-criteria-form/FileCriteriaSearchText.tsx

@@ -3,7 +3,6 @@ import { Search } from 'react-bootstrap-icons'
 import { FileCriteria } from '../../../../files/domain/models/FileCriteria'
 import { ChangeEvent, useState, KeyboardEvent, MouseEvent } from 'react'
 import { useTranslation } from 'react-i18next'
-import SubmitEvent = JQuery.SubmitEvent
 
 interface FileCriteriaSearchTextProps {
   criteria: FileCriteria

src/sections/dataset/dataset-files/files-table/FilesTableColumnsDefinition.tsx

@@ -35,7 +35,7 @@ export const createColumnsDefinition = (
     )
   },
   {
-    header: ({ table }) => <FileInfoHeader paginationInfo={paginationInfo} />,
+    header: () => <FileInfoHeader paginationInfo={paginationInfo} />,
     accessorKey: 'info',
     cell: (props) => <FileInfoCell file={props.row.original} />
   },