feature(app): Adds TopVisited and RecentlyVisited to homepage

This patch adds TopVisited and RecentlyVisited to the homepage example
accessible in http://localhost:3000/home when running yarn dev

Signed-off-by: Renan Mendes Carvalho <aitherios@gmail.com>

packages/app/src/App.tsx

@@ -61,7 +61,7 @@ import {
 import { orgPlugin } from '@backstage/plugin-org';
 import { ExplorePage } from '@backstage/plugin-explore';
 import { GcpProjectsPage } from '@backstage/plugin-gcp-projects';
-import { HomepageCompositionRoot } from '@backstage/plugin-home';
+import { HomepageCompositionRoot, VisitListener } from '@backstage/plugin-home';
 import { LighthousePage } from '@backstage/plugin-lighthouse';
 import { NewRelicPage } from '@backstage/plugin-newrelic';
 import { NextScaffolderPage } from '@backstage/plugin-scaffolder/alpha';
@@ -330,6 +330,7 @@ export default app.createRoot(
     <AlertDisplay transientTimeoutMs={2500} />
     <OAuthRequestDialog />
     <AppRouter>
+      <VisitListener />
       <Root extensionTree={extensionTree}>{routes}</Root>
     </AppRouter>
   </>,

packages/app/src/components/home/HomePage.tsx

@@ -22,6 +22,8 @@ import {
   HomePageRandomJoke,
   HomePageStarredEntities,
   HomePageToolkit,
+  HomePageTopVisited,
+  HomePageRecentlyVisited,
   WelcomeTitle,
 } from '@backstage/plugin-home';
 import { Content, Header, Page } from '@backstage/core-components';
@@ -111,6 +113,8 @@ export const homePage = (
             },
           ]}
         />
+        <HomePageTopVisited />
+        <HomePageRecentlyVisited />
       </CustomHomepageGrid>
     </Content>
   </Page>

packages/app/src/plugins.ts

@@ -18,3 +18,4 @@
 //               ideally we have an API for the context menu that permits that.
 export { badgesPlugin } from '@backstage/plugin-badges';
 export { shortcutsPlugin } from '@backstage/plugin-shortcuts';
+export { homePlugin } from '@backstage/plugin-home';