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