experiment with lazily loaded widgets

src/components/services/widget.jsx

@@ -1,34 +1,35 @@
 import { useTranslation } from "react-i18next";
+import dynamic from "next/dynamic";
 
-import Sonarr from "./widgets/service/sonarr";
-import Radarr from "./widgets/service/radarr";
-import Lidarr from "./widgets/service/lidarr";
-import Readarr from "./widgets/service/readarr";
-import Bazarr from "./widgets/service/bazarr";
-import Ombi from "./widgets/service/ombi";
-import Portainer from "./widgets/service/portainer";
-import Emby from "./widgets/service/emby";
-import Nzbget from "./widgets/service/nzbget";
-import SABnzbd from "./widgets/service/sabnzbd";
-import Transmission from "./widgets/service/transmission";
-import QBittorrent from "./widgets/service/qbittorrent";
-import Docker from "./widgets/service/docker";
-import Pihole from "./widgets/service/pihole";
-import Rutorrent from "./widgets/service/rutorrent";
-import Jellyfin from "./widgets/service/jellyfin";
-import Speedtest from "./widgets/service/speedtest";
-import Traefik from "./widgets/service/traefik";
-import Jellyseerr from "./widgets/service/jellyseerr";
-import Overseerr from "./widgets/service/overseerr";
-import Npm from "./widgets/service/npm";
-import Tautulli from "./widgets/service/tautulli";
-import CoinMarketCap from "./widgets/service/coinmarketcap";
-import Gotify from "./widgets/service/gotify";
-import Prowlarr from "./widgets/service/prowlarr";
-import Jackett from "./widgets/service/jackett";
-import AdGuard from "./widgets/service/adguard";
-import StRelaySrv from "./widgets/service/strelaysrv";
-import Mastodon from "./widgets/service/mastodon";
+const Sonarr = dynamic(() => import("./widgets/service/sonarr"));
+const Radarr = dynamic(() => import("./widgets/service/radarr"));
+const Lidarr = dynamic(() => import("./widgets/service/lidarr"));
+const Readarr = dynamic(() => import("./widgets/service/readarr"));
+const Bazarr = dynamic(() => import("./widgets/service/bazarr"));
+const Ombi = dynamic(() => import("./widgets/service/ombi"));
+const Portainer = dynamic(() => import("./widgets/service/portainer"));
+const Emby = dynamic(() => import("./widgets/service/emby"));
+const Nzbget = dynamic(() => import("./widgets/service/nzbget"));
+const SABnzbd = dynamic(() => import("./widgets/service/sabnzbd"));
+const Transmission = dynamic(() => import("./widgets/service/transmission"));
+const QBittorrent = dynamic(() => import("./widgets/service/qbittorrent"));
+const Docker = dynamic(() => import("./widgets/service/docker"));
+const Pihole = dynamic(() => import("./widgets/service/pihole"));
+const Rutorrent = dynamic(() => import("./widgets/service/rutorrent"));
+const Jellyfin = dynamic(() => import("./widgets/service/jellyfin"));
+const Speedtest = dynamic(() => import("./widgets/service/speedtest"));
+const Traefik = dynamic(() => import("./widgets/service/traefik"));
+const Jellyseerr = dynamic(() => import("./widgets/service/jellyseerr"));
+const Overseerr = dynamic(() => import("./widgets/service/overseerr"));
+const Npm = dynamic(() => import("./widgets/service/npm"));
+const Tautulli = dynamic(() => import("./widgets/service/tautulli"));
+const CoinMarketCap = dynamic(() => import("./widgets/service/coinmarketcap"));
+const Gotify = dynamic(() => import("./widgets/service/gotify"));
+const Prowlarr = dynamic(() => import("./widgets/service/prowlarr"));
+const Jackett = dynamic(() => import("./widgets/service/jackett"));
+const AdGuard = dynamic(() => import("./widgets/service/adguard"));
+const StRelaySrv = dynamic(() => import("./widgets/service/strelaysrv"));
+const Mastodon = dynamic(() => import("./widgets/service/mastodon"));
 
 const widgetMappings = {
   docker: Docker,