Implement infinite scrolling for the Sample views (#166)

* Enable infinite scrolling for samples page
* Increase infinite scroll's cache block size from 20 to 100
* Re-configure samples sorting and filtering to be server-side
* Remove max row alert
* Simplify React states around alerts and sample count
* Various minor refactors

frontend/src/components/AlertModal.tsx

@@ -5,7 +5,7 @@ import Modal from "react-bootstrap/Modal";
 export const AlertModal: FunctionComponent<{
   show: boolean;
   title: string;
-  content: string;
+  content: string | null;
   onHide: () => void;
 }> = ({ show, title, content, onHide }) => {
   return (

frontend/src/components/RecordsList.tsx

@@ -30,6 +30,8 @@ import { AgGridReact as AgGridReactType } from "ag-grid-react/lib/agGridReact";
 import { BreadCrumb } from "../shared/components/BreadCrumb";
 import { Title } from "../shared/components/Title";
 
+const CACHE_BLOCK_SIZE = 100;
+
 interface IRecordsListProps {
   colDefs: ColDef[];
   dataName: DataName;
@@ -101,7 +103,7 @@ export default function RecordsList({
     lazyRecordsQuery({
       variables: {
         options: {
-          limit: 20,
+          limit: CACHE_BLOCK_SIZE,
           offset: 0,
           sort: defaultSort,
         },
@@ -314,7 +316,7 @@ export default function RecordsList({
               columnDefs={colDefs}
               serverSideDatasource={datasource}
               serverSideInfiniteScroll={enableInfiniteScroll}
-              cacheBlockSize={20}
+              cacheBlockSize={CACHE_BLOCK_SIZE}
               debug={false}
               context={{
                 navigateFunction: navigate,