perf: trim widget loading work

packages/widgets/src/beszel/_shared/chart.tsx

@@ -31,7 +31,7 @@ function prepareRecords<T>(records: T[], timePeriod: BeszelTimePeriod, locale: s
   if (timePeriod === "1m") {
     return { fmt, ordered: records };
   }
-  return { fmt, ordered: [...records].toReversed() };
+  return { fmt, ordered: records.toReversed() };
 }
 
 function padTimeGrid(data: Record<string, unknown>[], timePeriod: BeszelTimePeriod, locale: string) {

packages/widgets/src/iframe/component.tsx

@@ -26,6 +26,7 @@ export default function IFrameWidget({ options, isEditMode }: WidgetComponentPro
     <Stack h="100%" w="100%" gap={0}>
       <Box style={{ flex: 1, minHeight: 0 }}>
         <iframe
+          loading="lazy"
           style={isEditMode ? { userSelect: "none", pointerEvents: "none" } : undefined}
           className={classes.iframe}
           src={safeEmbedUrl}

packages/widgets/src/rssFeed/component.tsx

@@ -126,6 +126,7 @@ export default function RssFeed({ options, width, height, displayMode }: WidgetC
               <Group wrap="nowrap" align="flex-start" gap={isDense ? "xs" : "md"}>
                 {feedEntry.enclosure !== undefined && entryDisplay.showImage && (
                   <Image
+                    loading="lazy"
                     className={classes.poster}
                     src={feedEntry.enclosure}
                     alt=""

packages/widgets/src/system-disks/component.tsx

@@ -104,8 +104,9 @@ const SystemDiskCard = ({
     measure();
     const observer = new ResizeObserver(measure);
     observer.observe(card);
+    observer.observe(value);
     return () => observer.disconnect();
-  }, [displayText, healthy]);
+  }, []);
 
   const unhealthyLabel = t("widget.systemDisks.status.unhealthy");
   const hasTemperature = temperature !== null && temperature !== undefined;