svelte state_referenced_locally warning fixes

- change to derived where possible
- suppress warning elsewhere
- discussion here: sveltejs/svelte/issues/17289

web/frontend/src/systems/NodeList.svelte

@@ -38,7 +38,6 @@
 
   /* Const Init */
   const client = getContextClient();
-  const usePaging = ccconfig?.nodeList_usePaging || false;
   const nodeListQuery = gql`
     query ($cluster: String!, $subCluster: String!, $nodeFilter: String!, $stateFilter: String!, $metrics: [String!],
            $scopes: [MetricScope!]!, $from: Time!, $to: Time!, $paging: PageRequest!, $selectedResolution: Int
@@ -94,13 +93,14 @@
 
   /* State Init */
   let nodes = $state([]);
-  let selectedMetrics = $state(pendingSelectedMetrics);
   let page = $state(1);
-  let itemsPerPage = $state(usePaging ? (ccconfig?.nodeList_nodesPerPage || 10) : 10);
   let headerPaddingTop = $state(0);
   let matchedNodes = $state(0);
 
   /* Derived */
+  let selectedMetrics = $derived(pendingSelectedMetrics);
+  let itemsPerPage = $derived(usePaging ? (ccconfig?.nodeList_nodesPerPage || 10) : 10);
+  const usePaging = $derived(ccconfig?.nodeList_usePaging || false);
   const paging = $derived({ itemsPerPage, page });
   const nodesQuery = $derived(queryStore({
     client: client,

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

@@ -38,10 +38,6 @@
   } = $props();
 
   /* Const Init */
-  // Not at least one returned, selected metric: NodeHealth warning
-  const healthWarn = !dataHealth.includes(true);
-  // At least one non-returned selected metric: Metric config error?
-  const metricWarn = dataHealth.includes(false);
   // Node State Colors
   const stateColors = {
     allocated: 'success',
@@ -54,6 +50,10 @@
   }
 
   /* Derived */
+  // Not at least one returned, selected metric: NodeHealth warning
+  const healthWarn = $derived(!dataHealth.includes(true));
+  // At least one non-returned selected metric: Metric config error?
+  const metricWarn = $derived(dataHealth.includes(false));
   const userList = $derived(nodeJobsData
     ? Array.from(new Set(nodeJobsData.jobs.items.map((j) => scrambleNames ? scramble(j.user) : j.user))).sort((a, b) => a.localeCompare(b))
     : []

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

@@ -27,17 +27,13 @@
   } = $props();
 
   /* Var Init*/
+  // svelte-ignore state_referenced_locally
   let plotSync = uPlot.sync(`nodeMetricStack-${nodeData.host}`);
 
   /* Const Init */
   const client = getContextClient();
   const paging = { itemsPerPage: 50, page: 1 };
   const sorting = { field: "startTime", type: "col", order: "DESC" };
-  const filter = [
-    { cluster: { eq: cluster } },
-    { node: { contains: nodeData.host } },
-    { state: ["running"] },
-  ];
   const nodeJobsQuery = gql`
     query (
       $filter: [JobFilter!]!
@@ -61,6 +57,11 @@
   `;
 
   /* Derived */
+  const filter = $derived([
+    { cluster: { eq: cluster } },
+    { node: { contains: nodeData.host } },
+    { state: ["running"] },
+  ]);
   const nodeJobsData = $derived(queryStore({
       client: client,
       query: nodeJobsQuery,
@@ -70,7 +71,7 @@
 
   let extendedLegendData = $derived($nodeJobsData?.data ? buildExtendedLegend() : null);
   let refinedData = $derived(nodeData?.metrics ? sortAndSelectScope(nodeData.metrics) : null);
-  let dataHealth = $derived(refinedData.filter((rd) => rd.disabled === false).map((enabled) => (enabled.data.metric.series.length > 0)));
+  let dataHealth = $derived(refinedData.filter((rd) => rd.disabled === false).map((enabled) => (enabled?.data?.metric?.series?.length > 0)));
 
   /* Functions */
   const selectScope = (nodeMetrics) =>