catalog: group, rename, and move filter components to catalog-react

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>

plugins/techdocs/package.json

@@ -42,7 +42,6 @@
     "@backstage/errors": "^0.2.2",
     "@backstage/integration": "^0.8.0",
     "@backstage/integration-react": "^0.1.25",
-    "@backstage/plugin-catalog": "^0.10.0",
     "@backstage/plugin-catalog-react": "^0.9.0",
     "@backstage/plugin-search": "^0.7.3",
     "@backstage/theme": "^0.2.15",

plugins/techdocs/src/home/components/DefaultTechDocsHome.tsx

@@ -23,11 +23,7 @@ import {
   TableProps,
 } from '@backstage/core-components';
 import {
-  EntityListContainer,
-  FilterContainer,
-  FilteredEntityLayout,
-} from '@backstage/plugin-catalog';
-import {
+  CatalogFilterLayout,
   EntityListProvider,
   EntityOwnerPicker,
   EntityTagPicker,
@@ -65,17 +61,17 @@ export const DefaultTechDocsHome = (props: DefaultTechDocsHomeProps) => {
           </SupportButton>
         </ContentHeader>
         <EntityListProvider>
-          <FilteredEntityLayout>
-            <FilterContainer>
+          <CatalogFilterLayout>
+            <CatalogFilterLayout.Filters>
               <TechDocsPicker />
               <UserListPicker initialFilter={initialFilter} />
               <EntityOwnerPicker />
               <EntityTagPicker />
-            </FilterContainer>
-            <EntityListContainer>
+            </CatalogFilterLayout.Filters>
+            <CatalogFilterLayout.Content>
               <EntityListDocsTable actions={actions} columns={columns} />
-            </EntityListContainer>
-          </FilteredEntityLayout>
+            </CatalogFilterLayout.Content>
+          </CatalogFilterLayout>
         </EntityListProvider>
       </Content>
     </TechDocsPageWrapper>