feat: adding managed resources graph

Author: Hubert-Szczepanski-SAP

package-lock.json

@@ -12,6 +12,7 @@
     "build": "tsc && npm run build:server && vite build",
     "build:server": "tsc -p tsconfig.server.json",
     "lint": "eslint ./src --report-unused-disable-directives --max-warnings 0",
+    "lint:fix": "eslint ./src --fix",
     "preview": "vite preview",
     "test:vi": "vitest",
     "test:cy": "cypress run --component --browser chrome",
@@ -39,7 +40,9 @@
     "@ui5/webcomponents-fiori": "^2.7.2",
     "@ui5/webcomponents-icons": "^2.7.2",
     "@ui5/webcomponents-react": "^2.7.2",
+    "@xyflow/react": "^12.8.2",
     "clsx": "^2.1.1",
+    "dagre": "^0.8.5",
     "dotenv": "^17.0.0",
     "fastify": "^5.3.3",
     "fastify-plugin": "^5.0.1",
@@ -65,6 +68,7 @@
     "@eslint/js": "^9.22.0",
     "@graphql-codegen/cli": "^5.0.5",
     "@graphql-codegen/client-preset": "^4.8.0",
+    "@types/dagre": "^0.7.53",
     "@types/js-yaml": "^4.0.9",
     "@types/node": "^22.13.5",
     "@types/react": "^19.0.10",

package.json

@@ -175,7 +175,8 @@
     "componentsTitle": "Components",
     "crossplaneTitle": "Crossplane",
     "gitOpsTitle": "GitOps",
-    "landscapersTitle": "Landscapers"
+    "landscapersTitle": "Landscapers",
+    "graphTitle": "Graph"
   },
   "ToastContext": {
     "errorMessage": "useToast must be used within a ToastProvider"
@@ -281,6 +282,17 @@
     "tableHeaderInstalled": "Installed",
     "tableHeaderHealthy": "Healthy"
   },
+  "Graphs": {
+    "colorsProvider": "Provider",
+    "colorsProviderConfig": "Provider Config",
+    "colorizedTitle": "Colorized Graph by: ",
+    "loadingError": "Error loading graph data",
+    "loadingGraph": "Loading graph data...",
+    "noResources": "No resources to display"
+  },
+  "GraphsLegend": {
+    "title": "Legend"
+  },
   "validationErrors": {
     "required": "This field is required!",
     "properFormatting": "Use A-Z, a-z, 0-9, hyphen (-), and period (.), but note that whitespace (spaces, tabs, etc.) is not allowed for proper compatibility.",