Add typescript

frontend/src/Components/Form/Form.js

@@ -4,7 +4,15 @@ import Alert from 'Components/Alert';
 import { kinds } from 'Helpers/Props';
 import styles from './Form.css';
 
-function Form({ children, validationErrors, validationWarnings, ...otherProps }) {
+function Form(props) {
+  const {
+    children,
+    validationErrors,
+    validationWarnings,
+    // eslint-disable-next-line no-unused-vars
+    ...otherProps
+  } = props;
+
   return (
     <div>
       {

frontend/src/Components/Menu/SortMenuItem.js

@@ -27,6 +27,7 @@ SortMenuItem.propTypes = {
   name: PropTypes.string,
   sortKey: PropTypes.string,
   sortDirection: PropTypes.oneOf(sortDirections.all),
+  children: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
   onPress: PropTypes.func.isRequired
 };
 

frontend/src/Components/Menu/ViewMenuItem.js

@@ -22,7 +22,9 @@ function ViewMenuItem(props) {
 
 ViewMenuItem.propTypes = {
   name: PropTypes.string,
-  selectedView: PropTypes.string.isRequired
+  selectedView: PropTypes.string.isRequired,
+  children: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
+  onPress: PropTypes.func.isRequired
 };
 
 export default ViewMenuItem;

frontend/src/Components/Scroller/OverlayScroller.js

@@ -173,7 +173,7 @@ OverlayScroller.defaultProps = {
   scrollDirection: scrollDirections.VERTICAL,
   autoHide: false,
   autoScroll: true,
-  registerScroller: () => {}
+  registerScroller: () => { /* no-op */ }
 };
 
 export default OverlayScroller;

frontend/src/Components/Scroller/Scroller.js

@@ -89,7 +89,7 @@ Scroller.defaultProps = {
   scrollDirection: scrollDirections.VERTICAL,
   autoFocus: true,
   autoScroll: true,
-  registerScroller: () => {}
+  registerScroller: () => { /* no-op */ }
 };
 
 export default Scroller;

frontend/src/Components/Table/Cells/VirtualTableSelectCell.js

@@ -13,6 +13,7 @@ export function virtualTableSelectCellRenderer(cellProps) {
   } = cellProps;
 
   return (
+    // eslint-disable-next-line no-use-before-define
     <VirtualTableSelectCell
       key={cellKey}
       id={rowData.name}

frontend/src/Components/Table/VirtualTableHeaderCell.js

@@ -13,6 +13,8 @@ export function headerRenderer(headerProps) {
   } = headerProps;
 
   return (
+
+    // eslint-disable-next-line no-use-before-define
     <VirtualTableHeaderCell
       name={dataKey}
       {...columnData}