refactor(ListTasksPage): swap MaterialTable with Table

Signed-off-by: Phil Kuang <pkuang@factset.com>

.changeset/wicked-icons-grin.md

@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-scaffolder': patch
+---
+
+Swap usage of `MaterialTable` with `Table` from `core-components`

plugins/scaffolder/package.json

@@ -49,15 +49,14 @@
     "@backstage/plugin-scaffolder-common": "^1.1.1",
     "@backstage/theme": "^0.2.15",
     "@backstage/types": "^1.0.0",
-    "@codemirror/legacy-modes": "^0.20.0",
     "@codemirror/language": "^0.20.0",
+    "@codemirror/legacy-modes": "^0.20.0",
     "@codemirror/view": "^0.20.2",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.57",
     "@react-hookz/web": "^13.0.0",
     "@rjsf/core": "^3.2.1",
-    "@material-table/core": "^3.1.0",
     "@rjsf/material-ui": "^3.2.1",
     "@types/json-schema": "^7.0.9",
     "@uiw/react-codemirror": "^4.7.0",

plugins/scaffolder/src/components/ListTasksPage/ListTasksPage.tsx

@@ -22,14 +22,15 @@ import {
   Link,
   Page,
   Progress,
+  Table,
 } from '@backstage/core-components';
 import { useApi, useRouteRef } from '@backstage/core-plugin-api';
 import { CatalogFilterLayout } from '@backstage/plugin-catalog-react';
 import useAsync from 'react-use/lib/useAsync';
-import MaterialTable from '@material-table/core';
 import React, { useState } from 'react';
 import { scaffolderApiRef } from '../../api';
 import { rootRouteRef } from '../../routes';
+import { ScaffolderTask } from '../../types';
 import { OwnerListPicker } from './OwnerListPicker';
 import {
   CreatedAtColumn,
@@ -88,7 +89,7 @@ const ListTaskPageContent = (props: MyTaskPageProps) => {
         />
       </CatalogFilterLayout.Filters>
       <CatalogFilterLayout.Content>
-        <MaterialTable
+        <Table<ScaffolderTask>
           data={value?.tasks ?? []}
           title="Tasks"
           columns={[