feature: implement useApi logic for fetching components

packages/app/src/apis.ts

@@ -37,6 +37,7 @@ import {
 import { techRadarApiRef, TechRadar } from '@backstage/plugin-tech-radar';
 
 import { CircleCIApi, circleCIApiRef } from '@backstage/plugin-circleci';
+import { catalogApiRef, CatalogApi } from '@backstage/plugin-catalog';
 
 const builder = ApiRegistry.builder();
 
@@ -72,4 +73,12 @@ builder.add(
   }),
 );
 
+builder.add(
+  catalogApiRef,
+  new CatalogApi({
+    apiOrigin: 'http://localhost:3000',
+    basePath: '/catalog/api',
+  }),
+);
+
 export default builder.build() as ApiHolder;