Add Grafana links to Cluster details page

[marians]

We want two Grafana icons to show up on each cluster details page:

1. Link to the Grafana Dashboards list page (for the MC that manages the current cluster)
2. Link to the Grafana Alerts page (for the MC that manages the current cluster)

In addition, we show an icon linking to happa (for the MC that manages the current cluster).

[marians]

I did this for mockup purposes on the Entity page. The icons are supposed to show up on the cluster details page.

import { HomePageToolkit } from '@backstage/plugin-home';
import { GrafanaIcon } from '../../assets/icons/CustomIcons';

import NotificationsNoneIcon from '@mui/icons-material/NotificationsNone';
import PublicIcon from '@mui/icons-material/Public';

...

const tools = [
  {
    url: 'add dashboards URL here',
    label: 'Dashboards',
    icon: <GrafanaIcon />,
  },
  {
    url: 'add alerts URL here',
    label: 'Alerts',
    icon: <NotificationsNoneIcon />,
  },
  {
    url: 'add happa URL here',
    label: 'Web UI',
    icon: <PublicIcon />,
  },
];

...

<HomePageToolkit title="Tools" tools={tools} />

[marians]

FYI @gusevda

[gusevda]

I'll take a look

[marians]

Figma mockup