Working catalog type filter (#1267)

* WIP Working type filter

* Fixed type error

* Some interactivity between type filters and subfilters

* Revert "Some interactivity between type filters and subfilters"

This reverts commit 91a99f6c5759c33f1d35100f365af397d4ee9810.

* Rename services to entities in catalog filter menu

packages/core/src/layout/HeaderTabs/index.tsx

@@ -17,7 +17,7 @@
 // TODO(blam): Remove this implementation when the Tabs are ready
 // This is just a temporary solution to implementing tabs for now
 
-import React from 'react';
+import React, { useState } from 'react';
 import { makeStyles, Tabs, Tab } from '@material-ui/core';
 
 const useStyles = makeStyles(theme => ({
@@ -42,9 +42,18 @@ export type Tab = {
   id: string;
   label: string;
 };
-export const HeaderTabs: React.FC<{ tabs: Tab[] }> = ({ tabs }) => {
+export const HeaderTabs: React.FC<{
+  tabs: Tab[];
+  onChange?: (index: Number) => void;
+}> = ({ tabs, onChange }) => {
+  const [selectedTab, setSelectedTab] = useState<Number>(0);
   const styles = useStyles();
 
+  const handleChange = (_: React.ChangeEvent<{}>, index: Number) => {
+    setSelectedTab(index);
+    if (onChange) onChange(index);
+  };
+
   return (
     <div className={styles.tabsWrapper}>
       <Tabs
@@ -53,7 +62,8 @@ export const HeaderTabs: React.FC<{ tabs: Tab[] }> = ({ tabs }) => {
         variant="scrollable"
         scrollButtons="auto"
         aria-label="scrollable auto tabs example"
-        value={0}
+        onChange={handleChange}
+        value={selectedTab}
       >
         {tabs.map((tab, index) => (
           <Tab