add monofont to mcp

Author: GenosseOtt

src/index.css

@@ -103,4 +103,9 @@ body {
 #root {
   height: 100%;
   background-color: var(--sapBackgroundColor);
+}
+
+.mono-font {
+  font-family: 'Roboto Mono', monospace;
+  font-weight: bold;
 }

src/views/ControlPlanes/ControlPlaneListView.tsx

@@ -1,4 +1,4 @@
-import { ObjectPage, ObjectPageTitle } from "@ui5/webcomponents-react";
+import { ObjectPage, ObjectPageTitle, Title } from "@ui5/webcomponents-react";
 import ProjectChooser from "../../components/Projects/ProjectChooser.tsx";
 import { useParams } from "react-router-dom";
 import ControlPlaneListAllWorkspaces from "../../components/ControlPlanes/List/ControlPlaneListAllWorkspaces.tsx";
@@ -16,7 +16,7 @@ export default function ControlPlaneListView() {
         preserveHeaderStateOnClick={true}
         titleArea={
           <ObjectPageTitle
-            header="Your MCPs"
+            header={<Title>Your <span className="mono-font">ManagedControlPlanes</span></Title>}
             subHeader={
               <div
                 style={{