Merge branch 'main' into patch-nextjs-logging

.github/FUNDING.yml

@@ -0,0 +1,3 @@
+github: benphelps
+ko_fi: benphelps
+custom: ["https://paypal.me/phelpsben"]

README.md

@@ -1,7 +1,15 @@
 ![Homepage Preview](/images/preview.png)
 
-[![Docker](https://github.com/benphelps/homepage/actions/workflows/docker-publish.yml/badge.svg)](https://github.com/benphelps/homepage/actions/workflows/docker-publish.yml)
+<p align="center">
-[![Weblate](https://hosted.weblate.org/widgets/homepage/-/homepage/svg-badge.svg)](https://hosted.weblate.org/engage/homepage/)
+  <a href="https://discord.gg/k4ruYNrudu"><img src="https://img.shields.io/badge/Discord - Chat-blue?logo=discord&logoColor=white" /></a>
+  <a href="https://paypal.me/phelpsben" title="Donate"><img src="https://img.shields.io/badge/PayPal - Donate-blue?logo=paypal&logoColor=white" alt="Linkedin - phelpsben"></a>
+</p>
+
+<p align="center">
+<a href="https://github.com/benphelps/homepage/actions/workflows/docker-publish.yml"><img src="https://github.com/benphelps/homepage/actions/workflows/docker-publish.yml/badge.svg" alt="Docker"></a>
+<a href="https://hosted.weblate.org/engage/homepage/"><img src="https://hosted.weblate.org/widgets/homepage/-/homepage/svg-badge.svg" alt="Weblate"></a>
+</p>
+
 
 ## Features
 

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,