feat: Resource usage breakdown table for cluster overview based on na…

…mespaces

src/common/sortingHelpers.ts

@@ -0,0 +1,14 @@
+export type SortingDirection = 'asc' | 'desc'
+
+export interface SortingState {
+    rowId: string;
+    direction: SortingDirection;
+}
+
+export interface SortingConfig<Row> {
+    [key: string]: {
+        local: boolean;
+        type: 'label' | 'value',
+        compare?: (a: Row, b: Row, direction: SortingDirection) => number
+    }
+}

src/components/Heading.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+import { SceneComponentProps, SceneObjectBase, SceneObjectState } from "@grafana/scenes";
+
+export interface HeadingState extends SceneObjectState {
+    title: string;
+}
+
+class Heading extends SceneObjectBase<HeadingState> {
+    static Component = (props: SceneComponentProps<Heading>) => {
+
+        const { title } = props.model.useState();
+
+        return (
+            <h2 style={{marginTop: '24px'}}>{title}</h2>
+        )
+    }
+}
+
+export default Heading;