Fix linting and accessibility issues (#445)

Signed-off-by: lucferbux <[email protected]>

clients/ui/frontend/src/app/pages/modelRegistry/screens/RegisteredModels/RegisteredModelListView.tsx

@@ -1,10 +1,5 @@
 import * as React from 'react';
-import {
-  TextInput,
-  ToolbarFilter,
-  ToolbarGroup,
-  ToolbarItem,
-} from '@patternfly/react-core';
+import { TextInput, ToolbarFilter, ToolbarGroup, ToolbarItem } from '@patternfly/react-core';
 import { FilterIcon } from '@patternfly/react-icons';
 import { useNavigate } from 'react-router-dom';
 import { RegisteredModel } from '~/app/types';
@@ -104,6 +99,7 @@ const RegisteredModelListView: React.FC<RegisteredModelListViewProps> = ({
             }}
             style={{ minWidth: '200px' }}
             data-testid="registered-model-table-search"
+            aria-label="Search"
           />
           <fieldset aria-hidden="true" className="form-fieldset">
             <legend className="form-fieldset-legend">

clients/ui/frontend/src/app/pages/modelRegistry/screens/RegisteredModels/RegisteredModelTable.tsx

@@ -23,7 +23,7 @@ const RegisteredModelTable: React.FC<RegisteredModelTableProps> = ({
     columns={rmColumns}
     toolbarContent={toolbarContent}
     defaultSortColumn={2}
-    enablePagination='compact'
+    enablePagination="compact"
     emptyTableView={<DashboardEmptyTableView onClearFilters={clearFilters} />}
     rowRenderer={(rm) => (
       <RegisteredModelTableRow key={rm.name} registeredModel={rm} refresh={refresh} />

clients/ui/frontend/src/index.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import { BrowserRouter as Router } from 'react-router-dom';
-import App from './app/App';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
+import App from './app/App';
 import { BrowserStorageContextProvider } from './components/browserStorage/BrowserStorageContext';
 
 const theme = createTheme({ cssVariables: true });