Fold cpu and memory usage into one component

dashboard/src/views/SystemView.vue

@@ -9,9 +9,8 @@ import { Button, InputDialog } from 'pankow';
 import moment from 'moment-timezone';
 import { prettyDecimalSize, sleep } from 'pankow/utils';
 import Section from '../components/Section.vue';
+import SystemMetrics from '../components/SystemMetrics.vue';
 import DiskUsage from '../components/DiskUsage.vue';
-import MemoryUsage from '../components/MemoryUsage.vue';
-import CpuUsage from '../components/CpuUsage.vue';
 import SystemModel from '../models/SystemModel.js';
 import DashboardModel from '../models/DashboardModel.js';
 
@@ -110,22 +109,8 @@ onMounted(async () => {
       </div>
     </Section>
 
-    <div class="graphs">
-      <MemoryUsage style="flex-grow: 1;" />
-      <CpuUsage style="flex-grow: 1;" />
-    </div>
+    <SystemMetrics/>
 
     <DiskUsage />
   </div>
 </template>
-
-<style scoped>
-
-.graphs {
-  display: flex;
-  gap: 20px;
-  flex-wrap: wrap;
-  justify-content: space-between;
-}
-
-</style>