Update component header, format, streamline SV5 components

web/frontend/src/systems/NodeList.svelte

@@ -1,13 +1,17 @@
 <!--
-    @component Cluster Per Node List component; renders current state of SELECTABLE metrics for ALL nodes
+  @component Cluster Per Node List component; renders current state of SELECTABLE metrics for ALL nodes
 
-    Properties:
-    - `cluster String`: The nodes' cluster
-    - `subCluster String`: The nodes' subCluster
-    - `ccconfig Object?`: The ClusterCockpit Config Context [Default: null]
-    - `selectedMetrics [String]`: The array of selected metrics
-    - `systemUnits Object`: The object of metric units
- -->
+  Properties:
+  - `cluster String`: The nodes' cluster
+  - `subCluster String`: The nodes' subCluster [Default: ""]
+  - `ccconfig Object?`: The ClusterCockpit Config Context [Default: null]
+  - `selectedMetrics [String]`: The array of selected metrics [Default []]
+  - `selectedResolution Number?`: The selected data resolution [Default: 0]
+  - `hostnameFilter String?`: The active hostnamefilter [Default: ""]
+  - `presetSystemUnits Object`: The object of metric units [Default: null]
+  - `from Date?`: The selected "from" date [Default: null]
+  - `to Date?`: The selected "to" date [Default: null]
+-->
 
 <script>
   import { queryStore, gql, getContextClient, mutationStore } from "@urql/svelte";

web/frontend/src/systems/NodeOverview.svelte

@@ -1,11 +1,14 @@
 <!--
-    @component Cluster Per Node Overview component; renders current state of ONE metric for ALL nodes
+  @component Cluster Per Node Overview component; renders current state of ONE metric for ALL nodes
 
-    Properties:
-    - `ccconfig Object?`: The ClusterCockpit Config Context [Default: null]
-    - `cluster String`: The cluster to show status information for
-    - `selectedMetric String?`: The selectedMetric input [Default: ""]
- -->
+  Properties:
+  - `ccconfig Object?`: The ClusterCockpit Config Context [Default: null]
+  - `cluster String`: The cluster to show status information for
+  - `selectedMetric String?`: The selectedMetric input [Default: ""]
+  - `hostnameFilter String?`: The active hostnamefilter [Default: ""]
+  - `from Date?`: The selected "from" date [Default: null]
+  - `to Date?`: The selected "to" date [Default: null]
+-->
 
  <script>
   import { queryStore, gql, getContextClient } from "@urql/svelte";

web/frontend/src/systems/nodelist/NodeInfo.svelte

@@ -1,11 +1,13 @@
 <!--
-    @component Displays node info, serves links to single node page and lists
+  @component Displays node info, serves links to single node page and lists
 
-    Properties:
-    - `cluster String`: The nodes' cluster
-    - `subCluster String`: The nodes' subCluster
-    - `cluster String`: The nodes' hostname
- -->
+  Properties:
+  - `cluster String`: The nodes' cluster
+  - `subCluster String`: The nodes' subCluster
+  - `hostname String`: The nodes' hostname
+  - `dataHealth [Bool]`: Array of Booleans depicting state of returned data per metric
+  - `nodeJobsData [Object]`: Data returned by GQL for jobs runninig on this node [Default: null] 
+-->
 
 <script>
   import { 

web/frontend/src/systems/nodelist/NodeListRow.svelte

@@ -1,11 +1,11 @@
 <!-- 
-    @component Data row for a single node displaying metric plots
+  @component Data row for a single node displaying metric plots
 
-    Properties:
-    - `cluster String`: The nodes' cluster
-    - `nodeData Object`: The node data object including metric data
-    - `selectedMetrics [String]`: The array of selected metrics
- -->
+  Properties:
+  - `cluster String`: The nodes' cluster
+  - `nodeData Object`: The node data object including metric data
+  - `selectedMetrics [String]`: The array of selected metrics
+-->
 
 <script>
   import {