feat(monitoring): integrate Grafana dashboards and alerts

- Add @k-phoen/backstage-plugin-grafana dependency (v0.1.22)
- Configure Grafana proxy endpoint in app-config.yaml
- Add EntityGrafanaDashboardsCard to entity overview
- Add EntityGrafanaAlertsCard to entity overview
- Cards handle their own availability and empty states

Requires environment variables:
- GRAFANA_URL: Grafana instance URL
- GRAFANA_TOKEN: Grafana API token

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

Author: sfvishalgupta

app-config.yaml

@@ -132,6 +132,15 @@ proxy:
       headers:
         X-Api-Key: ${NEW_RELIC_USER_KEY}
 
+    '/grafana/api':
+      target: ${GRAFANA_URL}
+      headers:
+        Authorization: 'Bearer ${GRAFANA_TOKEN}'
+
+grafana:
+  domain: ${GRAFANA_URL}
+  unifiedAlerting: true
+
 jenkins:
   instances:
     - name: default

packages/app/package.json

@@ -26,6 +26,7 @@
     "@backstage-community/plugin-newrelic-dashboard": "0.20.0",
     "@backstage-community/plugin-sonarqube": "^0.8.0",
     "@backstage-community/plugin-tech-radar": "^0.7.4",
+    "@k-phoen/backstage-plugin-grafana": "^0.1.22",
     "@backstage/app-defaults": "^1.5.11",
     "@backstage/catalog-model": "^1.7.0",
     "@backstage/cli": "^0.27.1",

packages/app/src/components/catalog/EntityPage.tsx

@@ -72,6 +72,11 @@ import {
   isJenkinsAvailable,
 } from '@internal/backstage-plugin-jenkins-with-reporting';
 
+import {
+  EntityGrafanaDashboardsCard,
+  EntityGrafanaAlertsCard,
+} from '@k-phoen/backstage-plugin-grafana';
+
 const techdocsContent = (
   <EntityTechdocsContent>
     <TechDocsAddons>
@@ -135,6 +140,12 @@ const overviewContent = (
         </Grid>
       </EntitySwitch.Case>
     </EntitySwitch>
+    <Grid item md={6} xs={12}>
+      <EntityGrafanaDashboardsCard />
+    </Grid>
+    <Grid item md={6} xs={12}>
+      <EntityGrafanaAlertsCard />
+    </Grid>
   </Grid>
 );