1. Your classes contain too many elements. I suggest creating separate files for the non-injectable component (NonInjectablePodMetricsMemoryContent) and the injectable one (InjectablePodMetricsMemoryContent). NonInjectablePodMetricsMemoryContent should only contain the component logic: HTML elements, functions, variables, and so on, while InjectablePodMetricsMemoryContent should only return the component wrapped in getInjectable, as you already did. You can take pod-logs-menu.tsx and pod-logs-menu.injectable.ts as examples.

2. Some functions are duplicated: calculatePodKubeMetrics and getPodKubeMetrics. Could you refactor them into a separate file and call them where needed? I suggest using a hook that exposes these two functions, something you can use like this:

   const kubeMetrics = useKubeMetrics();
   kubeMetrics.getPodKubeMetrics();

3. The functions getPodKubeMetricsMemoryDisplayValue and getPodKubeMetricsCpuDisplayValue are declared outside the PodMetricsMemoryContent and PodMetricsCpuContent declaration, respectively. I would move these functions inside them.

4. Could you please add a unit test to verify that everything is working correctly? Unit tests are very useful to prevent regressions when someone else updates the code.

These might seem like many points, but they are just small improvements that can make the code more readable, in my opinion 😄. Please reach me out if you need help or if you disagree with something, and we can discuss it.