CE-1942: convert HostTable to common table

• converts the HostTable to use the common/mui datagrid table components
• updates the HostTable test/spec. That test was strongly-coupled to markup/classes, so I updated it to query by a11y roles; should be more resilient to changes.
• introduces an alternative usePagination hook, as the current one in common can cause infinite render loops because it operates on the whole pagination object instead of its primitive parts (state equality uses reference comparison for objects, not value)

Closes CE-1942

src/views/host/HostListView.js

@@ -104,19 +104,30 @@ export function HostListView() {
     initLimit: 20
   });
 
+  // update pagination whenever search result
+  // total pages change
   useEffect(
     () => onPage({ totalCount: hosts.totalCount ?? 0 }),
     [onPage, hosts.totalCount]
   );
 
+  const setLazyParams = useCallback(
+    ({ rows, page }) => {
+      setUrlState({ rows: serialize(rows), page: serialize(page) });
+    },
+    [setUrlState]
+  );
+
   const lazyParams = useCallback(() => {
+    setLazyParams(pagination);
     return {
       rows: deserialize(urlState.rows),
       page: deserialize(urlState.page),
       ...pagination
     };
-  }, [urlState, pagination]);
+  }, [urlState, pagination, setLazyParams]);
 
+  // Request new search results whenever search changes
   useEffect(() => {
     let requestParams = initRequestParams(
       lazyParams(),
@@ -129,6 +140,7 @@ export function HostListView() {
     getHosts(requestParams);
   }, [getHosts, lazyParams, hostFilter, urlState]);
 
+  // Callback for searchbar, called whenever user updates search
   const setSearch = useCallback(
     (query) => {
       setUrlState({ query: serialize(query) });