feat: Added Azure Pull Requests route and sidebar link.

Signed-off-by: Marley Powell <Marley.Powell@exclaimer.com>

packages/app/src/App.tsx

@@ -33,6 +33,7 @@ import {
   SignInPage,
 } from '@backstage/core-components';
 import { apiDocsPlugin, ApiExplorerPage } from '@backstage/plugin-api-docs';
+import { AzurePullRequestsPage } from '@backstage/plugin-azure-devops';
 import {
   CatalogEntityPage,
   CatalogIndexPage,
@@ -203,6 +204,7 @@ const routes = (
       element={<CostInsightsLabelDataflowInstructionsPage />}
     />
     <Route path="/settings" element={<UserSettingsPage />} />
+    <Route path="/azure-pull-requests" element={<AzurePullRequestsPage />} />
   </FlatRoutes>
 );
 

packages/app/src/components/Root/Root.tsx

@@ -41,6 +41,7 @@ import {
   SidebarSpace,
   SidebarScrollWrapper,
 } from '@backstage/core-components';
+import { AzurePullRequestsIcon } from '@backstage/plugin-azure-devops';
 
 const useSidebarLogoStyles = makeStyles({
   root: {
@@ -94,6 +95,11 @@ export const Root = ({ children }: PropsWithChildren<{}>) => (
         <SidebarItem icon={RuleIcon} to="lighthouse" text="Lighthouse" />
         <SidebarItem icon={MoneyIcon} to="cost-insights" text="Cost Insights" />
         <SidebarItem icon={GraphiQLIcon} to="graphiql" text="GraphiQL" />
+        <SidebarItem
+          icon={AzurePullRequestsIcon}
+          to="azure-pull-requests"
+          text="Azure PRs"
+        />
       </SidebarScrollWrapper>
       <SidebarDivider />
       <Shortcuts />