add version information

Update docker-publish.yml
Translated using Weblate (Swedish)
2025-12-05 21:47:48 +01:00 · 2022-09-24 01:18:37 +03:00 · 2022-09-24 00:17:23 +03:00 · 2022-09-23 13:44:01 +02:00 · 2022-09-23 13:44:01 +02:00 · 2022-09-23 13:44:01 +02:00
68 changed files with 2234 additions and 330 deletions
--- a/.github/FUNDING.yml
+++ b/.github/FUNDING.yml
@@ -0,0 +1,3 @@
+github: benphelps
+ko_fi: benphelps
+custom: ["https://paypal.me/phelpsben"]
--- a/.github/workflows/docker-publish.yml
+++ b/.github/workflows/docker-publish.yml
@@ -94,6 +94,10 @@ jobs:
          push: ${{ github.event_name != 'pull_request' }}
          tags: ${{ steps.meta.outputs.tags }}
          labels: ${{ steps.meta.outputs.labels }}
+          build-args: |
+            BUILDTIME=${{ fromJSON(steps.meta.outputs.json).labels['org.opencontainers.image.created'] }}
+            VERSION=${{ fromJSON(steps.meta.outputs.json).labels['org.opencontainers.image.version'] }}
+            REVISION=${{ fromJSON(steps.meta.outputs.json).labels['org.opencontainers.image.revision'] }}
          # https://github.com/docker/setup-qemu-action#about
          # platforms: linux/amd64,linux/arm64,linux/riscv64,linux/ppc64le,linux/s390x,linux/386,linux/mips64le,linux/mips64,linux/arm/v7,linux/arm/v6
          platforms: linux/amd64,linux/arm64,linux/arm/v7,linux/arm/v6
--- a/.gitignore
+++ b/.gitignore
@@ -19,6 +19,10 @@
 .DS_Store
 *.pem

+# log files
+error.log
+homepage.log
+
 # debug
 npm-debug.log*
 yarn-debug.log*
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@@ -0,0 +1,19 @@
+{
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Next.js: debug full stack",
+      "type": "node",
+      "request": "launch",
+      "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/next",
+      "serverReadyAction": {
+        "pattern": "started server on .+, url: (https?://.+)",
+        "uriFormat": "%s",
+        "action": "debugWithChrome"
+      }
+    }
+  ]
+}
--- a/6
+++ b/6
@@ -22,6 +22,10 @@ RUN --mount=type=cache,id=pnpm-store,target=/root/.local/share/pnpm/store pnpm i
 FROM node:current-alpine AS builder
 WORKDIR /app

+ARG BUILDTIME
+ARG VERSION
+ARG REVISION
+
 COPY --link --from=deps /app/node_modules ./node_modules/
 COPY . .

@@ -29,7 +33,7 @@ RUN <<EOF
    set -xe
    yarn next telemetry disable
    mkdir config && echo '-' > config/settings.yaml
-    npm run build
+    NEXT_PUBLIC_BUILDTIME=$BUILDTIME NEXT_PUBLIC_VERSION=$VERSION NEXT_PUBLIC_REVISION=$REVISION npm run build
 EOF

 # Production image, copy all the files and run next
--- a/README.md
+++ b/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)
-[![Weblate](https://hosted.weblate.org/widgets/homepage/-/homepage/svg-badge.svg)](https://hosted.weblate.org/engage/homepage/)
+<p align="center">
+  <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

@@ -9,7 +17,7 @@
 - Images built for AMD64 (x86_64), ARM64, ARMv7 and ARMv6
  - Supports all Raspberry Pi's, most SBCs & Apple Silicon
 - Full i18n support with automatic language detection
-  - Translations for Chinese, Dutch, French, German, Norwegian Bokmål, Portuguese, Russian and Spanish
+  - Translations for Chinese, Dutch, French, German, Hebrew, Hungarian, Norwegian Bokmål, Polish, Portuguese, Russian, Spanish and Swedish
  - Want to help translate? [Join the Weblate project](https://hosted.weblate.org/engage/homepage/)
 - Service & Web Bookmarks
 - Docker Integration
@@ -17,10 +25,10 @@
  - Automatic service discovery (via labels)
 - Service Integration
  - Sonarr, Radarr, Readarr, Prowlarr, Bazarr, Lidarr, Emby, Jellyfin, Tautulli (Plex)
-  - Ombi, Overseerr, Jellyseerr, Jackett, NZBGet, SABnzbd, ruTorrent, Transmission
-  - Portainer, Traefik, Speedtest Tracker, PiHole, Nginx Proxy Manager, Gotify
+  - Ombi, Overseerr, Jellyseerr, Jackett, NZBGet, SABnzbd, ruTorrent, Transmission, qBittorrent
+  - Portainer, Traefik, Speedtest Tracker, PiHole, AdGuard Home, Nginx Proxy Manager, Gotify, Syncthing Relay Server
 - Information Providers
-  - Coin Market Cap
+  - Coin Market Cap, Mastodon
 - Information & Utility Widgets
  - System Stats (Disk, CPU, Memory)
  - Weather via WeatherAPI.com or OpenWeatherMap
@@ -50,11 +58,10 @@ services:
  homepage:
    image: ghcr.io/benphelps/homepage:latest
    container_name: homepage
-    user: 1000:1000 # Optional, change to your user and group IDs for permissions
    ports:
      - 3000:3000
    volumes:
-      - /path/to/config:/app/config # Make sure your local config directory is exists
+      - /path/to/config:/app/config # Make sure your local config directory exists
      - /var/run/docker.sock:/var/run/docker.sock # (optional) For docker integrations
 ```

@@ -121,17 +128,25 @@ Huge thanks to the all the contributors who have helped make this project what i
 - [aidenpwnz](https://github.com/benphelps/homepage/commits?author=aidenpwnz) - Nginx Proxy Manager, Search Bar Widget
 - [AlexFullmoon](https://github.com/benphelps/homepage/commits?author=AlexFullmoon) - OpenWeatherMap Widget
 - [AmadeusGraves](https://github.com/benphelps/homepage/commits?author=AmadeusGraves) - Spanish Translation
+- [andrii-kryvoviaz](https://github.com/benphelps/homepage/commits?author=andrii-kryvoviaz) - Background opacity option
 - [boerniee](https://github.com/benphelps/homepage/commits?author=boerniee) - German Translation
 - [comradekingu](https://github.com/benphelps/homepage/commits?author=comradekingu) - Norwegian Bokmål Translation
+- Daniel Varga - German & Hungarian Translation
 - [deffcolony](https://github.com/benphelps/homepage/commits?author=deffcolony) - Dutch Translation
 - [desolaris](https://github.com/benphelps/homepage/commits?author=desolaris) - Russian Translation
+- [DevPGSV](https://github.com/benphelps/homepage/commits?author=DevPGSV) - Syncthing Relay Server & Mastodon widgets
 - [ilusi0n](https://github.com/benphelps/homepage/commits?author=ilusi0n) - Jellyseerr Integration
 - [ItsJustMeChris](https://github.com/benphelps/homepage/commits?author=ItsJustMeChris) - Coin Market Cap Widget
 - [jackblk](https://github.com/benphelps/homepage/commits?author=jackblk) - Vietnamese Translation
- [JazzFisch](https://github.com/benphelps/homepage/commits?author=JazzFisch) - Readarr, Bazarr, Lidarr, SABnzbd & Transmission Integrations
+- [JazzFisch](https://github.com/benphelps/homepage/commits?author=JazzFisch) - Readarr, Bazarr, Lidarr, SABnzbd, Transmission & qBittorrent Integrations
+- [juanmanuelbc](https://github.com/benphelps/homepage/commits?author=juanmanuelbc) - Spanish and Catalan Translations
 - [modem7](https://github.com/benphelps/homepage/commits?author=modem7) - Impvoed Docker Image
 - [nicedc](https://github.com/benphelps/homepage/commits?author=nicedc) - Chinese Translation
 - [Nonoss117](https://github.com/benphelps/homepage/commits?author=Nonoss117) - French Translation
+- [pacoculebras](https://github.com/benphelps/homepage/commits?author=pacoculebras) - Catalan Translation
+- [psychodracon](https://github.com/benphelps/homepage/commits?author=psychodracon) - Polish Translation
 - [quod](https://github.com/benphelps/homepage/commits?author=quod) - Fixed Typos
 - [schklom](https://github.com/benphelps/homepage/commits?author=schklom) - ARM64, ARMv7 and ARMv6
+- [ShlomiPorush](https://github.com/benphelps/homepage/commits?author=ShlomiPorush) - Hebrew Translation
+- [SuperDOS](https://github.com/benphelps/homepage/commits?author=SuperDOS) - Swedish Translation
 - [xicopitz](https://github.com/benphelps/homepage/commits?author=xicopitz) - Gotify & Prowlarr Integration
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
    "@headlessui/react": "^1.7.0",
    "@tailwindcss/forms": "^0.5.3",
    "classnames": "^2.3.1",
+    "compare-versions": "^5.0.1",
    "dockerode": "^3.3.4",
    "follow-redirects": "^1.15.2",
    "i18next": "^21.9.1",
@@ -32,7 +33,9 @@
    "rutorrent-promise": "^2.0.0",
    "shvl": "^3.0.0",
    "swr": "^1.3.0",
-    "tough-cookie": "^4.1.2"
+    "tailwind-scrollbar": "^2.0.1",
+    "tough-cookie": "^4.1.2",
+    "winston": "^3.8.2"
  },
  "devDependencies": {
    "autoprefixer": "^10.4.9",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -5,6 +5,7 @@ specifiers:
  '@tailwindcss/forms': ^0.5.3
  autoprefixer: ^10.4.9
  classnames: ^2.3.1
+  compare-versions: ^5.0.1
  dockerode: ^3.3.4
  eslint: ^8.23.1
  eslint-config-airbnb: ^19.0.4
@@ -35,14 +36,17 @@ specifiers:
  rutorrent-promise: ^2.0.0
  shvl: ^3.0.0
  swr: ^1.3.0
+  tailwind-scrollbar: ^2.0.1
  tailwindcss: ^3.1.8
  tough-cookie: ^4.1.2
  typescript: ^4.8.3
+  winston: ^3.8.2

 dependencies:
  '@headlessui/react': 1.7.0_biqbaboplfbrettd7655fr4n2y
  '@tailwindcss/forms': 0.5.3_tailwindcss@3.1.8
  classnames: 2.3.1
+  compare-versions: 5.0.1
  dockerode: 3.3.4
  follow-redirects: 1.15.2
  i18next: 21.9.1
@@ -62,7 +66,9 @@ dependencies:
  rutorrent-promise: 2.0.0
  shvl: 3.0.0
  swr: 1.3.0_react@18.2.0
+  tailwind-scrollbar: 2.0.1_tailwindcss@3.1.8
  tough-cookie: 4.1.2
+  winston: 3.8.2

 devDependencies:
  autoprefixer: 10.4.9_postcss@8.4.16
@@ -100,6 +106,19 @@ packages:
    resolution: {integrity: sha512-wMue2Sy4GAVTk6Ic4tJVcnfdau+gx2EnG7S+uAEe+TWJFqE4YoWN4/H8MSLj4eYJKxGg26lZwboEniNiNwZQ6Q==}
    dev: false

+  /@colors/colors/1.5.0:
+    resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==}
+    engines: {node: '>=0.1.90'}
+    dev: false
+
+  /@dabh/diagnostics/2.0.3:
+    resolution: {integrity: sha512-hrlQOIi7hAfzsMqlGSFyVucrx38O+j6wiGOf//H2ecvIEqYN4ADBSS2iLMh5UFyDunCNniUIPk/q3riFv45xRA==}
+    dependencies:
+      colorspace: 1.1.4
+      enabled: 2.0.0
+      kuler: 2.0.0
+    dev: false
+
  /@eslint/eslintrc/1.3.2:
    resolution: {integrity: sha512-AXYd23w1S/bv3fTs3Lz0vjiYemS08jWkI3hYyS9I1ry+0f+Yjs1wm+sU0BS8qDOPrBIkp4qHYC16I8uVtpLajQ==}
    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -500,6 +519,10 @@ packages:
    resolution: {integrity: sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag==}
    dev: true

+  /async/3.2.4:
+    resolution: {integrity: sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==}
+    dev: false
+
  /asynckit/0.4.0:
    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
    dev: false
@@ -646,6 +669,12 @@ packages:
    resolution: {integrity: sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA==}
    dev: false

+  /color-convert/1.9.3:
+    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
+    dependencies:
+      color-name: 1.1.3
+    dev: false
+
  /color-convert/2.0.1:
    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
    engines: {node: '>=7.0.0'}
@@ -653,9 +682,34 @@ packages:
      color-name: 1.1.4
    dev: true

+  /color-name/1.1.3:
+    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
+    dev: false
+
  /color-name/1.1.4:
    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}

+  /color-string/1.9.1:
+    resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
+    dependencies:
+      color-name: 1.1.4
+      simple-swizzle: 0.2.2
+    dev: false
+
+  /color/3.2.1:
+    resolution: {integrity: sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==}
+    dependencies:
+      color-convert: 1.9.3
+      color-string: 1.9.1
+    dev: false
+
+  /colorspace/1.1.4:
+    resolution: {integrity: sha512-BgvKJiuVu1igBUF2kEjRCZXol6wiiGbY5ipL/oVPwm0BL9sIpMIzM8IK7vwuxIIzOXMV3Ey5w+vxhm0rR/TN8w==}
+    dependencies:
+      color: 3.2.1
+      text-hex: 1.0.0
+    dev: false
+
  /combined-stream/1.0.8:
    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
    engines: {node: '>= 0.8'}
@@ -663,6 +717,10 @@ packages:
      delayed-stream: 1.0.0
    dev: false

+  /compare-versions/5.0.1:
+    resolution: {integrity: sha512-v8Au3l0b+Nwkp4G142JcgJFh1/TUhdxut7wzD1Nq1dyp5oa3tXaqb03EXOAB6jS4gMlalkjAUPZBMiAfKUixHQ==}
+    dev: false
+
  /concat-map/0.0.1:
    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
    dev: true
@@ -837,6 +895,10 @@ packages:
    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
    dev: true

+  /enabled/2.0.0:
+    resolution: {integrity: sha512-AKrN98kuwOzMIdAizXGI86UFBoo26CL21UM763y1h/GMSJ4/OHU9k2YlsmBpyScFo/wbLzWQJBMCW4+IO3/+OQ==}
+    dev: false
+
  /end-of-stream/1.4.4:
    resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
    dependencies:
@@ -1323,6 +1385,10 @@ packages:
    dependencies:
      reusify: 1.0.4

+  /fecha/4.2.3:
+    resolution: {integrity: sha512-OP2IUU6HeYKJi3i0z4A19kHMQoLVs4Hc+DPqqxI2h/DPZHTm/vjsfC6P0b4jCMy14XizLBqvndQ+UilD7707Jw==}
+    dev: false
+
  /file-entry-cache/6.0.1:
    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
    engines: {node: ^10.12.0 || >=12.0.0}
@@ -1356,6 +1422,10 @@ packages:
    resolution: {integrity: sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==}
    dev: true

+  /fn.name/1.1.0:
+    resolution: {integrity: sha512-GRnmB5gPyJpAhTQdSZTSp9uaPSvl09KoYcMQtsB9rQoOmzs9dH6ffeccH+Z+cv6P68Hu5bC6JjRh4Ah/mHSNRw==}
+    dev: false
+
  /follow-redirects/1.15.2:
    resolution: {integrity: sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==}
    engines: {node: '>=4.0'}
@@ -1602,6 +1672,10 @@ packages:
      side-channel: 1.0.4
    dev: true

+  /is-arrayish/0.3.2:
+    resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
+    dev: false
+
  /is-bigint/1.0.4:
    resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
    dependencies:
@@ -1679,6 +1753,11 @@ packages:
      call-bind: 1.0.2
    dev: true

+  /is-stream/2.0.1:
+    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
+    engines: {node: '>=8'}
+    dev: false
+
  /is-string/1.0.7:
    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
    engines: {node: '>= 0.4'}
@@ -1743,6 +1822,10 @@ packages:
      object.assign: 4.1.4
    dev: true

+  /kuler/2.0.0:
+    resolution: {integrity: sha512-Xq9nH7KlWZmXAtodXDDRE7vs6DU1gTU8zYDHDiWLSip45Egwq3plLHzPn27NgvzL2r1LMPC1vdqh98sQxtqj4A==}
+    dev: false
+
  /language-subtag-registry/0.3.22:
    resolution: {integrity: sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w==}
    dev: true
@@ -1776,6 +1859,16 @@ packages:
    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
    dev: true

+  /logform/2.4.2:
+    resolution: {integrity: sha512-W4c9himeAwXEdZ05dQNerhFz2XG80P9Oj0loPUMV23VC2it0orMHQhJm4hdnnor3rd1HsGf6a2lPwBM1zeXHGw==}
+    dependencies:
+      '@colors/colors': 1.5.0
+      fecha: 4.2.3
+      ms: 2.1.3
+      safe-stable-stringify: 2.4.0
+      triple-beam: 1.3.0
+    dev: false
+
  /loose-envify/1.4.0:
    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
    hasBin: true
@@ -1843,7 +1936,6 @@ packages:

  /ms/2.1.3:
    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
-    dev: true

  /nan/2.16.0:
    resolution: {integrity: sha512-UdAqHyFngu7TfQKsCBgAA6pWDkT8MAO7d0jyOecVhN5354xbLqdn8mV9Tat9gepAupm0bt2DbeaSC8vS52MuFA==}
@@ -2000,6 +2092,12 @@ packages:
    dependencies:
      wrappy: 1.0.2

+  /one-time/1.0.0:
+    resolution: {integrity: sha512-5DXOiRKwuSEcQ/l0kGCF6Q3jcADFv5tSmRaJck/OqkVFcOzutB134KRSfF0xDrL39MNnqxbHBbUUcjZIhTgb2g==}
+    dependencies:
+      fn.name: 1.1.0
+    dev: false
+
  /optionator/0.9.1:
    resolution: {integrity: sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==}
    engines: {node: '>= 0.8.0'}
@@ -2347,6 +2445,11 @@ packages:
    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
    dev: false

+  /safe-stable-stringify/2.4.0:
+    resolution: {integrity: sha512-eehKHKpab6E741ud7ZIMcXhKcP6TSIezPkNZhy5U8xC6+VvrRdUA2tMgxGxaGl4cz7c2Ew5+mg5+wNB16KQqrA==}
+    engines: {node: '>=10'}
+    dev: false
+
  /safer-buffer/2.1.2:
    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
    dev: false
@@ -2398,6 +2501,12 @@ packages:
      object-inspect: 1.12.2
    dev: true

+  /simple-swizzle/0.2.2:
+    resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
+    dependencies:
+      is-arrayish: 0.3.2
+    dev: false
+
  /slash/3.0.0:
    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
    engines: {node: '>=8'}
@@ -2423,6 +2532,10 @@ packages:
      nan: 2.16.0
    dev: false

+  /stack-trace/0.0.10:
+    resolution: {integrity: sha512-KGzahc7puUKkzyMt+IqAep+TVNbKP+k2Lmwhub39m1AsTSkaDutx56aDCo+HLDzf/D26BIHTJWNiTG1KAJiQCg==}
+    dev: false
+
  /statuses/2.0.1:
    resolution: {integrity: sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==}
    engines: {node: '>= 0.8'}
@@ -2515,6 +2628,15 @@ packages:
      react: 18.2.0
    dev: false

+  /tailwind-scrollbar/2.0.1_tailwindcss@3.1.8:
+    resolution: {integrity: sha512-OcR7qHBbux4k+k6bWqnEQFYFooLK/F4dhkBz6nvswIoaA9ancZ5h20e0tyV7ifSWLDCUBtpG+1NHRA8HMRH/wg==}
+    engines: {node: '>=12.13.0'}
+    peerDependencies:
+      tailwindcss: 3.x
+    dependencies:
+      tailwindcss: 3.1.8_postcss@8.4.16
+    dev: false
+
  /tailwindcss/3.1.8_postcss@8.4.16:
    resolution: {integrity: sha512-YSneUCZSFDYMwk+TGq8qYFdCA3yfBRdBlS7txSq0LUmzyeqRe3a8fBQzbz9M3WS/iFT4BNf/nmw9mEzrnSaC0g==}
    engines: {node: '>=12.13.0'}
@@ -2567,6 +2689,10 @@ packages:
      readable-stream: 3.6.0
    dev: false

+  /text-hex/1.0.0:
+    resolution: {integrity: sha512-uuVGNWzgJ4yhRaNSiubPY7OjISw4sw4E5Uv0wbjp+OzcbmVU/rsT8ujgcXJhn9ypzsgr5vlzpPqP+MBBKcGvbg==}
+    dev: false
+
  /text-table/0.2.0:
    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
    dev: true
@@ -2596,6 +2722,10 @@ packages:
    resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
    dev: false

+  /triple-beam/1.3.0:
+    resolution: {integrity: sha512-XrHUvV5HpdLmIj4uVMxHggLbFSZYIn7HEWsqePZcI50pco+MPqJ50wMGY794X7AOOhxOBAjbkqfAbEe/QMp2Lw==}
+    dev: false
+
  /tsconfig-paths/3.14.1:
    resolution: {integrity: sha512-fxDhWnFSLt3VuTwtvJt5fpwxBHg5AdKWMsgcPOOIilyjymcYVZoCQF8fvFRezCNfblEXmi+PcM1eYHeOAgXCOQ==}
    dependencies:
@@ -2733,6 +2863,32 @@ packages:
      isexe: 2.0.0
    dev: true

+  /winston-transport/4.5.0:
+    resolution: {integrity: sha512-YpZzcUzBedhlTAfJg6vJDlyEai/IFMIVcaEZZyl3UXIl4gmqRpU7AE89AHLkbzLUsv0NVmw7ts+iztqKxxPW1Q==}
+    engines: {node: '>= 6.4.0'}
+    dependencies:
+      logform: 2.4.2
+      readable-stream: 3.6.0
+      triple-beam: 1.3.0
+    dev: false
+
+  /winston/3.8.2:
+    resolution: {integrity: sha512-MsE1gRx1m5jdTTO9Ld/vND4krP2To+lgDoMEHGGa4HIlAUyXJtfc7CxQcGXVyz2IBpw5hbFkj2b/AtUdQwyRew==}
+    engines: {node: '>= 12.0.0'}
+    dependencies:
+      '@colors/colors': 1.5.0
+      '@dabh/diagnostics': 2.0.3
+      async: 3.2.4
+      is-stream: 2.0.1
+      logform: 2.4.2
+      one-time: 1.0.0
+      readable-stream: 3.6.0
+      safe-stable-stringify: 2.4.0
+      stack-trace: 0.0.10
+      triple-beam: 1.3.0
+      winston-transport: 4.5.0
+    dev: false
+
  /word-wrap/1.2.3:
    resolution: {integrity: sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==}
    engines: {node: '>=0.10.0'}
--- a/public/locales/ca/common.json
+++ b/public/locales/ca/common.json
@@ -97,7 +97,7 @@
    "pihole": {
        "queries": "Consultes",
        "blocked": "Bloquejat",
-        "gravity": "Gravetat"
+        "gravity": "Gravity"
    },
    "portainer": {
        "running": "Executant",
@@ -134,16 +134,39 @@
        "numberOfFailQueries": "Consultes fallides"
    },
    "jackett": {
-        "configured": "Configured",
-        "errored": "Errored"
+        "configured": "Configurat",
+        "errored": "Amb errors"
    },
    "bazarr": {
-        "missingEpisodes": "Missing Episodes",
-        "missingMovies": "Missing Movies"
+        "missingEpisodes": "Episodis que falten",
+        "missingMovies": "Pel·lícules que falten"
    },
    "lidarr": {
-        "wanted": "Wanted",
-        "queued": "Queued",
-        "albums": "Albums"
+        "wanted": "Volgut",
+        "queued": "En cua",
+        "albums": "Àlbums"
+    },
+    "adguard": {
+        "queries": "Consultes",
+        "blocked": "Bloquejat",
+        "filtered": "Filtrat",
+        "latency": "Latència"
+    },
+    "qbittorrent": {
+        "download": "Descàrrega",
+        "upload": "Càrrega",
+        "leech": "Companys",
+        "seed": "Llavors"
+    },
+    "mastodon": {
+        "user_count": "Usuaris",
+        "status_count": "Publicacions",
+        "domain_count": "Dominis"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessions",
+        "numConnections": "Connexions",
+        "dataRelayed": "Transmès",
+        "transferRate": "Velocitat"
    }
 }
--- a/public/locales/de/common.json
+++ b/public/locales/de/common.json
@@ -11,7 +11,7 @@
        "total": "Gesamt",
        "free": "Frei",
        "used": "Gebraucht",
-        "load": "Load"
+        "load": "Belastung"
    },
    "docker": {
        "rx": "Rx",
@@ -24,13 +24,13 @@
        "playing": "Spielen",
        "transcoding": "Transcodierung",
        "bitrate": "Bitrate",
-        "no_active": "No Active Streams"
+        "no_active": "Keine aktive Streams"
    },
    "tautulli": {
        "playing": "Spielen",
        "transcoding": "Transcodierung",
        "bitrate": "Bitrate",
-        "no_active": "No Active Streams"
+        "no_active": "Keine aktiven streamen"
    },
    "rutorrent": {
        "active": "Aktiv",
@@ -48,9 +48,9 @@
        "movies": "Filme"
    },
    "readarr": {
-        "wanted": "Wanted",
-        "queued": "Queued",
-        "books": "Books"
+        "wanted": "Gesucht",
+        "queued": "In Warteschlange",
+        "books": "Bücher"
    },
    "ombi": {
        "pending": "Ausstehend",
@@ -79,8 +79,8 @@
    },
    "traefik": {
        "routers": "Router",
-        "services": "Services",
-        "middleware": "Middleware"
+        "services": "Dienste",
+        "middleware": "Zwischenanwendung"
    },
    "npm": {
        "enabled": "Aktiviert",
@@ -94,56 +94,79 @@
        "wait": "Bitte warten"
    },
    "overseerr": {
-        "pending": "Pending",
-        "approved": "Approved",
-        "available": "Available"
+        "pending": "Ausstehend",
+        "approved": "Genehmigt",
+        "available": "Verfügbar"
    },
    "sabnzbd": {
-        "rate": "Rate",
-        "queue": "Queue",
-        "timeleft": "Time Left"
+        "rate": "Geschwindigkeit",
+        "queue": "Warteschlange",
+        "timeleft": "Verbleibende Zeit"
    },
    "nzbget": {
-        "rate": "Rate",
-        "remaining": "Remaining",
-        "downloaded": "Downloaded"
+        "rate": "Geschwindigkeit",
+        "remaining": "Verbleibend",
+        "downloaded": "Heruntergeladen"
    },
    "coinmarketcap": {
-        "configure": "Configure one or more crypto currencies to track",
-        "1hour": "1 Hour",
-        "1day": "1 Day",
-        "7days": "7 Days",
-        "30days": "30 Days"
+        "configure": "Konfiguriere eine oder mehrere Kryptowährungen zur Verfolgung",
+        "1hour": "1 Stunde",
+        "1day": "1 Tag",
+        "7days": "7 Tage",
+        "30days": "30 Tage"
    },
    "gotify": {
-        "apps": "Applications",
-        "clients": "Clients",
-        "messages": "Messages"
+        "apps": "Programme",
+        "clients": "Benutzer",
+        "messages": "Nachrichten"
    },
    "prowlarr": {
-        "enableIndexers": "Indexers",
-        "numberOfGrabs": "Grabs",
-        "numberOfQueries": "Queries",
-        "numberOfFailGrabs": "Fail Grabs",
-        "numberOfFailQueries": "Fail Queries"
+        "enableIndexers": "Indexer",
+        "numberOfGrabs": "Abrufungen",
+        "numberOfQueries": "Anfragen",
+        "numberOfFailGrabs": "Fehlgeschlagene Abrufungen",
+        "numberOfFailQueries": "Fehlgeschlagene Anfragen"
    },
    "transmission": {
-        "download": "Download",
-        "upload": "Upload",
+        "download": "Herunterladen",
+        "upload": "Hochladen",
        "leech": "Leech",
        "seed": "Seed"
    },
    "jackett": {
-        "configured": "Configured",
-        "errored": "Errored"
+        "configured": "Konfiguriert",
+        "errored": "Fehlerhaft"
    },
    "bazarr": {
-        "missingEpisodes": "Missing Episodes",
-        "missingMovies": "Missing Movies"
+        "missingEpisodes": "Fehlende Episoden",
+        "missingMovies": "Fehlende Filme"
    },
    "lidarr": {
-        "wanted": "Wanted",
-        "queued": "Queued",
-        "albums": "Albums"
+        "wanted": "Gesucht",
+        "queued": "In Warteschlange",
+        "albums": "Alben"
+    },
+    "adguard": {
+        "queries": "Anfragen",
+        "blocked": "Blockiert",
+        "filtered": "Gefiltert",
+        "latency": "Latenz"
+    },
+    "qbittorrent": {
+        "download": "Herunterladen",
+        "upload": "Hochladen",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "mastodon": {
+        "user_count": "Nutzer",
+        "status_count": "Beiträge",
+        "domain_count": "Domänen"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sitzungen",
+        "numConnections": "Verbindungen",
+        "dataRelayed": "Weitergeleitet",
+        "transferRate": "Bewerten"
    }
 }
--- a/public/locales/en/common.json
+++ b/public/locales/en/common.json
@@ -70,6 +70,12 @@
        "leech": "Leech",
        "seed": "Seed"
    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
    "sonarr": {
        "wanted": "Wanted",
        "queued": "Queued",
@@ -108,12 +114,18 @@
      "pending": "Pending",
      "approved": "Approved",
      "available": "Available"
-  },
+    },
    "pihole": {
        "queries": "Queries",
        "blocked": "Blocked",
        "gravity": "Gravity"
    },
+    "adguard": {
+      "queries": "Queries",
+      "blocked": "Blocked",
+      "filtered": "Filtered",
+      "latency": "Latency"
+    },
    "speedtest": {
        "upload": "Upload",
        "download": "Download",
@@ -156,5 +168,16 @@
    "jackett": {
        "configured": "Configured",
        "errored": "Errored"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessions",
+        "numConnections": "Connections",
+        "dataRelayed": "Relayed",
+        "transferRate": "Rate"
+    },
+    "mastodon": {
+        "user_count": "Users",
+        "status_count": "Posts",
+        "domain_count": "Domains"
    }
 }
--- a/public/locales/es/common.json
+++ b/public/locales/es/common.json
@@ -21,35 +21,35 @@
        "offline": "Desconectado"
    },
    "emby": {
-        "playing": "En ejecución",
+        "playing": "Reproduciendo",
        "transcoding": "Transcodificando",
-        "bitrate": "Tasa de Bits",
-        "no_active": "No hay streams activos"
+        "bitrate": "Tasa de bits",
+        "no_active": "Sin transmisiones activas"
    },
    "tautulli": {
-        "playing": "En ejecución",
-        "transcoding": "Transcodificación",
+        "playing": "Reproduciendo",
+        "transcoding": "Transcodificando",
        "bitrate": "Tasa de bits",
-        "no_active": "No hay streams activos"
+        "no_active": "Sin transmisiones activas"
    },
    "rutorrent": {
        "active": "Activo",
        "upload": "Subida",
-        "download": "Descarga"
+        "download": "Bajada"
    },
    "sonarr": {
        "wanted": "Más deseado",
-        "queued": "Puesto en cola",
+        "queued": "En cola",
        "series": "Series"
    },
    "radarr": {
        "wanted": "Más deseado",
-        "queued": "Puesto en cola",
+        "queued": "En cola",
        "movies": "Películas"
    },
    "readarr": {
        "wanted": "Más deseado",
-        "queued": "Puesto en cola",
+        "queued": "En cola",
        "books": "Libros"
    },
    "ombi": {
@@ -68,8 +68,8 @@
        "gravity": "Gravedad"
    },
    "speedtest": {
-        "upload": "Subir",
-        "download": "Descarga",
+        "upload": "Subida",
+        "download": "Bajada",
        "ping": "Ping"
    },
    "portainer": {
@@ -88,8 +88,8 @@
        "total": "Total"
    },
    "weather": {
-        "current": "Ubicación Actual",
-        "allow": "Haga clic para permitir",
+        "current": "Ubicación actual",
+        "allow": "Clic para permitir",
        "updating": "Actualizando",
        "wait": "Espere, por favor"
    },
@@ -99,21 +99,21 @@
        "available": "Disponible"
    },
    "sabnzbd": {
-        "rate": "Tasa de descarga",
-        "queue": "Puesto en cola",
-        "timeleft": "Tiempo Restante"
+        "rate": "Tasa",
+        "queue": "En cola",
+        "timeleft": "Tiempo restante"
    },
    "nzbget": {
-        "rate": "Tasa de descarga",
+        "rate": "Tasa",
        "remaining": "Restante",
        "downloaded": "Descargado"
    },
    "coinmarketcap": {
-        "configure": "Configurar una o varias criptomonedas para su seguimiento",
+        "configure": "Configurar una o más criptomonedas para rastrear",
        "1hour": "1 Hora",
        "1day": "1 Día",
-        "7days": "7 Dias",
-        "30days": "30 Dias"
+        "7days": "7 Días",
+        "30days": "30 Días"
    },
    "gotify": {
        "apps": "Aplicaciones",
@@ -124,26 +124,49 @@
        "enableIndexers": "Indexadores",
        "numberOfGrabs": "Capturas",
        "numberOfQueries": "Consultas",
-        "numberOfFailGrabs": "Capturas Fallidas",
-        "numberOfFailQueries": "Consultas Fallidas"
+        "numberOfFailGrabs": "Capturas fallidas",
+        "numberOfFailQueries": "Consultas fallidas"
    },
    "transmission": {
-        "download": "Descarga",
+        "download": "Bajada",
        "upload": "Subida",
-        "leech": "Egoístas (Leech)",
+        "leech": "Compañeros",
        "seed": "Semillas"
    },
    "jackett": {
-        "configured": "Configured",
-        "errored": "Errored"
+        "configured": "Configurado",
+        "errored": "Con errores"
    },
    "bazarr": {
-        "missingEpisodes": "Missing Episodes",
-        "missingMovies": "Missing Movies"
+        "missingEpisodes": "Episodios perdidos",
+        "missingMovies": "Películas perdidas"
    },
    "lidarr": {
-        "queued": "Queued",
-        "wanted": "Wanted",
-        "albums": "Albums"
+        "queued": "En cola",
+        "wanted": "Más deseado",
+        "albums": "Álbumes"
+    },
+    "adguard": {
+        "queries": "Consultas",
+        "blocked": "Bloqueado",
+        "filtered": "Filtrado",
+        "latency": "Latencia"
+    },
+    "qbittorrent": {
+        "download": "Bajada",
+        "upload": "Subida",
+        "leech": "Compañeros",
+        "seed": "Semillas"
+    },
+    "mastodon": {
+        "user_count": "Usuarios",
+        "status_count": "Publicaciones",
+        "domain_count": "Dominios"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sesiones",
+        "numConnections": "Conexiones",
+        "dataRelayed": "Retransmitido",
+        "transferRate": "Velocidad"
    }
 }
--- a/public/locales/fr/common.json
+++ b/public/locales/fr/common.json
@@ -34,22 +34,22 @@
    },
    "rutorrent": {
        "active": "Actif",
-        "upload": "Téléverser",
-        "download": "Télécharger"
+        "upload": "Envoi",
+        "download": "Réception"
    },
    "sonarr": {
-        "wanted": "Demandé",
-        "queued": "En queue",
+        "wanted": "Demande",
+        "queued": "En attente",
        "series": "Séries"
    },
    "radarr": {
-        "wanted": "Demandé",
-        "queued": "En queue",
+        "wanted": "Demande",
+        "queued": "En attente",
        "movies": "Films"
    },
    "readarr": {
-        "wanted": "Demandé",
-        "queued": "En Queue",
+        "wanted": "Demande",
+        "queued": "Attente",
        "books": "Livres"
    },
    "ombi": {
@@ -68,8 +68,8 @@
        "gravity": "Listes dom. bloqués"
    },
    "speedtest": {
-        "upload": "Téléversement",
-        "download": "Téléchargement",
+        "upload": "Envoi",
+        "download": "Récep.",
        "ping": "Ping"
    },
    "portainer": {
@@ -106,7 +106,7 @@
    },
    "overseerr": {
        "pending": "En attente",
-        "approved": "Validé",
+        "approved": "Demande",
        "available": "Disponible"
    },
    "sabnzbd": {
@@ -127,16 +127,16 @@
        "30days": "30 Jours"
    },
    "gotify": {
-        "apps": "Applications",
+        "apps": "Applis",
        "clients": "Clients",
-        "messages": "Messages"
+        "messages": "Msg"
    },
    "prowlarr": {
-        "enableIndexers": "Indexeurs",
+        "enableIndexers": "Indexeur",
        "numberOfGrabs": "Capture",
-        "numberOfQueries": "Demandes",
-        "numberOfFailGrabs": "Capture échouée",
-        "numberOfFailQueries": "Demande échouée"
+        "numberOfQueries": "Demande",
+        "numberOfFailGrabs": "Capt. échouée",
+        "numberOfFailQueries": "Dem. échouée"
    },
    "transmission": {
        "download": "Réception",
@@ -156,5 +156,28 @@
        "wanted": "Demandé",
        "queued": "En queue",
        "albums": "Albums"
+    },
+    "adguard": {
+        "queries": "Requêtes",
+        "blocked": "Bloquées",
+        "filtered": "Filtrées",
+        "latency": "Latence"
+    },
+    "qbittorrent": {
+        "download": "Récep.",
+        "upload": "Envoi",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "mastodon": {
+        "user_count": "Utilisateurs",
+        "status_count": "Messages",
+        "domain_count": "Domaines"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessions",
+        "numConnections": "Cnx",
+        "dataRelayed": "Relayé",
+        "transferRate": "Débit"
    }
 }
--- a/public/locales/he/common.json
+++ b/public/locales/he/common.json
@@ -0,0 +1,172 @@
+{
+    "widget": {
+        "missing_type": "סוג ווידג'ט חסר: {{type}}",
+        "api_error": "שגיאת API",
+        "status": "סטטוס"
+    },
+    "weather": {
+        "current": "מיקום נוכחי",
+        "allow": "יש ללחוץ כדי לאשר",
+        "updating": "מעדכן",
+        "wait": "המתן בבקשה"
+    },
+    "search": {
+        "placeholder": "חיפוש…"
+    },
+    "resources": {
+        "total": "סה\"כ",
+        "free": "פנוי",
+        "used": "בשימוש",
+        "load": "עומס"
+    },
+    "docker": {
+        "rx": "RX",
+        "tx": "TX",
+        "mem": "זיכרון",
+        "cpu": "מעבד",
+        "offline": "כבוי"
+    },
+    "emby": {
+        "playing": "מנגן",
+        "transcoding": "מקודד",
+        "bitrate": "סיביות",
+        "no_active": "אין הזרמות פעילות"
+    },
+    "tautulli": {
+        "playing": "מנגן",
+        "transcoding": "מקודד",
+        "bitrate": "סיביות",
+        "no_active": "אין הזרמות פעילות"
+    },
+    "nzbget": {
+        "rate": "יחס",
+        "remaining": "נותר",
+        "downloaded": "הורד"
+    },
+    "sabnzbd": {
+        "rate": "יחס",
+        "queue": "תור",
+        "timeleft": "זמן שנותר"
+    },
+    "rutorrent": {
+        "active": "פעיל",
+        "upload": "העלאה",
+        "download": "הורדה"
+    },
+    "transmission": {
+        "download": "הורדה",
+        "upload": "העלאה",
+        "leech": "בהורדה",
+        "seed": "בשיתוף"
+    },
+    "qbittorrent": {
+        "download": "הורדה",
+        "upload": "העלאה",
+        "leech": "בהורדה",
+        "seed": "בשיתוף"
+    },
+    "sonarr": {
+        "wanted": "מבוקש",
+        "queued": "בתור",
+        "series": "סדרות"
+    },
+    "radarr": {
+        "wanted": "מבוקש",
+        "queued": "בתור",
+        "movies": "סרטים"
+    },
+    "lidarr": {
+        "wanted": "מבוקש",
+        "queued": "בתור",
+        "albums": "אלבומים"
+    },
+    "readarr": {
+        "wanted": "מבוקש",
+        "queued": "בתור",
+        "books": "ספרים"
+    },
+    "bazarr": {
+        "missingEpisodes": "פרקים חסרים",
+        "missingMovies": "סרטים חסרים"
+    },
+    "ombi": {
+        "pending": "ממתין",
+        "approved": "מאושר",
+        "available": "זמין"
+    },
+    "jellyseerr": {
+        "pending": "ממתין",
+        "approved": "מאושר",
+        "available": "זמין"
+    },
+    "overseerr": {
+        "pending": "ממתין",
+        "approved": "מאושר",
+        "available": "זמין"
+    },
+    "pihole": {
+        "queries": "שאילתות",
+        "blocked": "נחסם",
+        "gravity": "Gravity"
+    },
+    "adguard": {
+        "queries": "שאילתות",
+        "blocked": "נחסם",
+        "filtered": "מסונן",
+        "latency": "השהיה"
+    },
+    "speedtest": {
+        "upload": "העלאה",
+        "download": "הורדה",
+        "ping": "פינג"
+    },
+    "portainer": {
+        "running": "פעיל",
+        "stopped": "נעצר",
+        "total": "סה\"כ"
+    },
+    "traefik": {
+        "routers": "ניתובים",
+        "services": "שירותים",
+        "middleware": "מתווך"
+    },
+    "npm": {
+        "enabled": "מופעל",
+        "disabled": "מבוטל",
+        "total": "סה\"כ"
+    },
+    "coinmarketcap": {
+        "configure": "קבע את התצורה של מטבע קריפטו אחד או יותר למעקב",
+        "1hour": "שעה אחת",
+        "1day": "יום 1",
+        "7days": "7 יום",
+        "30days": "30 יום"
+    },
+    "gotify": {
+        "apps": "אפליקציות",
+        "clients": "לקוחות",
+        "messages": "הודעות"
+    },
+    "prowlarr": {
+        "enableIndexers": "אינדקסים",
+        "numberOfGrabs": "Grabs",
+        "numberOfQueries": "שאילתות",
+        "numberOfFailGrabs": "Fail Grabs",
+        "numberOfFailQueries": "Fail Queries"
+    },
+    "jackett": {
+        "configured": "מוגדר",
+        "errored": "שגיאה"
+    },
+    "mastodon": {
+        "user_count": "Users",
+        "status_count": "Posts",
+        "domain_count": "Domains"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessions",
+        "numConnections": "Connections",
+        "dataRelayed": "Relayed",
+        "transferRate": "Rate"
+    }
+}
--- a/public/locales/hr/common.json
+++ b/public/locales/hr/common.json
@@ -0,0 +1,172 @@
+{
+    "weather": {
+        "current": "Current Location",
+        "allow": "Click to allow",
+        "updating": "Updating",
+        "wait": "Please wait"
+    },
+    "search": {
+        "placeholder": "Search…"
+    },
+    "resources": {
+        "total": "Total",
+        "free": "Free",
+        "used": "Used",
+        "load": "Load"
+    },
+    "sabnzbd": {
+        "rate": "Rate",
+        "queue": "Queue",
+        "timeleft": "Time Left"
+    },
+    "overseerr": {
+        "available": "Available",
+        "pending": "Pending",
+        "approved": "Approved"
+    },
+    "pihole": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "gravity": "Gravity"
+    },
+    "adguard": {
+        "latency": "Latency",
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered"
+    },
+    "npm": {
+        "total": "Total",
+        "enabled": "Enabled",
+        "disabled": "Disabled"
+    },
+    "coinmarketcap": {
+        "configure": "Configure one or more crypto currencies to track",
+        "1hour": "1 Hour",
+        "1day": "1 Day",
+        "7days": "7 Days",
+        "30days": "30 Days"
+    },
+    "prowlarr": {
+        "enableIndexers": "Indexers",
+        "numberOfGrabs": "Grabs",
+        "numberOfQueries": "Queries",
+        "numberOfFailGrabs": "Fail Grabs",
+        "numberOfFailQueries": "Fail Queries"
+    },
+    "widget": {
+        "missing_type": "Missing Widget Type: {{type}}",
+        "api_error": "API Error",
+        "status": "Status"
+    },
+    "docker": {
+        "rx": "RX",
+        "tx": "TX",
+        "mem": "MEM",
+        "cpu": "CPU",
+        "offline": "Offline"
+    },
+    "emby": {
+        "playing": "Playing",
+        "transcoding": "Transcoding",
+        "bitrate": "Bitrate",
+        "no_active": "No Active Streams"
+    },
+    "tautulli": {
+        "playing": "Playing",
+        "transcoding": "Transcoding",
+        "bitrate": "Bitrate",
+        "no_active": "No Active Streams"
+    },
+    "nzbget": {
+        "rate": "Rate",
+        "remaining": "Remaining",
+        "downloaded": "Downloaded"
+    },
+    "rutorrent": {
+        "upload": "Upload",
+        "download": "Download",
+        "active": "Active"
+    },
+    "transmission": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "sonarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "series": "Series"
+    },
+    "radarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "movies": "Movies"
+    },
+    "lidarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "albums": "Albums"
+    },
+    "readarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "books": "Books"
+    },
+    "bazarr": {
+        "missingEpisodes": "Missing Episodes",
+        "missingMovies": "Missing Movies"
+    },
+    "ombi": {
+        "pending": "Pending",
+        "approved": "Approved",
+        "available": "Available"
+    },
+    "jellyseerr": {
+        "pending": "Pending",
+        "approved": "Approved",
+        "available": "Available"
+    },
+    "speedtest": {
+        "upload": "Upload",
+        "download": "Download",
+        "ping": "Ping"
+    },
+    "portainer": {
+        "running": "Running",
+        "stopped": "Stopped",
+        "total": "Total"
+    },
+    "traefik": {
+        "routers": "Routers",
+        "services": "Services",
+        "middleware": "Middleware"
+    },
+    "gotify": {
+        "clients": "Clients",
+        "messages": "Messages",
+        "apps": "Applications"
+    },
+    "jackett": {
+        "configured": "Configured",
+        "errored": "Errored"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "mastodon": {
+        "user_count": "Users",
+        "status_count": "Posts",
+        "domain_count": "Domains"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessions",
+        "numConnections": "Connections",
+        "dataRelayed": "Relayed",
+        "transferRate": "Rate"
+    }
+}
--- a/public/locales/hu/common.json
+++ b/public/locales/hu/common.json
@@ -0,0 +1,172 @@
+{
+    "resources": {
+        "total": "Összes",
+        "free": "Szabad",
+        "used": "Használt",
+        "load": "Terhelés"
+    },
+    "docker": {
+        "rx": "RX",
+        "tx": "TX",
+        "mem": "MEM",
+        "cpu": "CPU",
+        "offline": "Offline"
+    },
+    "lidarr": {
+        "albums": "Albumok",
+        "wanted": "Keresett",
+        "queued": "Sorban áll"
+    },
+    "readarr": {
+        "wanted": "Keresett",
+        "queued": "Sorban áll",
+        "books": "Könyvek"
+    },
+    "bazarr": {
+        "missingEpisodes": "Hiányzó epizódok",
+        "missingMovies": "Hiányzó filmek"
+    },
+    "widget": {
+        "missing_type": "Hiányzó Widget Típus: {{type}}",
+        "api_error": "API Hiba",
+        "status": "Státusz"
+    },
+    "weather": {
+        "current": "Aktuális hely",
+        "allow": "Kattints az engedélyezéshez",
+        "updating": "Frissítés",
+        "wait": "Kérlek várj"
+    },
+    "search": {
+        "placeholder": "Keresés…"
+    },
+    "emby": {
+        "playing": "Lejátszás",
+        "transcoding": "Átkódolás",
+        "bitrate": "Bitráta",
+        "no_active": "Nincs aktív lejátszás"
+    },
+    "tautulli": {
+        "playing": "Lejátszás folyamatban",
+        "transcoding": "Átkódolás",
+        "bitrate": "Bitráta",
+        "no_active": "Nincs aktív lejátszás"
+    },
+    "nzbget": {
+        "rate": "Ráta",
+        "remaining": "Hátralévő",
+        "downloaded": "Letöltött"
+    },
+    "sabnzbd": {
+        "rate": "Ráta",
+        "queue": "Sor",
+        "timeleft": "Hátralévő idő"
+    },
+    "rutorrent": {
+        "active": "Aktív",
+        "upload": "Feltöltés",
+        "download": "Letöltés"
+    },
+    "transmission": {
+        "leech": "Leechelés",
+        "seed": "Seedelés",
+        "download": "Letöltés",
+        "upload": "Feltöltés"
+    },
+    "qbittorrent": {
+        "download": "Letöltés",
+        "upload": "Feltöltés",
+        "leech": "Leechelés",
+        "seed": "Seedelés"
+    },
+    "sonarr": {
+        "wanted": "Keresett",
+        "queued": "Sorban áll",
+        "series": "Sorozat"
+    },
+    "radarr": {
+        "wanted": "Keresett",
+        "queued": "Sorban áll",
+        "movies": "Filmek"
+    },
+    "ombi": {
+        "pending": "Függőben",
+        "approved": "Engedélyezett",
+        "available": "Elérhető"
+    },
+    "jellyseerr": {
+        "pending": "Függőben",
+        "approved": "Engedélyezett",
+        "available": "Elérhető"
+    },
+    "overseerr": {
+        "pending": "Függőben",
+        "approved": "Engedélyezett",
+        "available": "Elérhető"
+    },
+    "pihole": {
+        "queries": "Lekérdezések",
+        "blocked": "Blokkolt",
+        "gravity": "Gravitáció"
+    },
+    "adguard": {
+        "queries": "Lekérdezések",
+        "blocked": "Blokkolt",
+        "filtered": "Szűrt",
+        "latency": "Késleltetés"
+    },
+    "speedtest": {
+        "upload": "Feltöltés",
+        "download": "Letöltés",
+        "ping": "Ping"
+    },
+    "portainer": {
+        "running": "Futó",
+        "stopped": "Megállított",
+        "total": "Összes"
+    },
+    "traefik": {
+        "routers": "Routerek",
+        "services": "Folyamatok",
+        "middleware": "Közvetítő"
+    },
+    "npm": {
+        "enabled": "Bekapcsolva",
+        "disabled": "Kikapcsolva",
+        "total": "Összes"
+    },
+    "coinmarketcap": {
+        "configure": "Állíts be egy vagy több Cryptovalutát a követéshez",
+        "1hour": "1 Óra",
+        "1day": "1 Nap",
+        "7days": "7 Nap",
+        "30days": "30 Nap"
+    },
+    "gotify": {
+        "apps": "Applikációk",
+        "clients": "Kliensek",
+        "messages": "Üzenetek"
+    },
+    "prowlarr": {
+        "enableIndexers": "Indexerek",
+        "numberOfGrabs": "Fogott",
+        "numberOfFailGrabs": "Hibás fogások",
+        "numberOfQueries": "Lekérdezések",
+        "numberOfFailQueries": "Hibás lekérdezések"
+    },
+    "jackett": {
+        "configured": "Beállított",
+        "errored": "Hibás"
+    },
+    "mastodon": {
+        "user_count": "Users",
+        "status_count": "Posts",
+        "domain_count": "Domains"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessions",
+        "numConnections": "Connections",
+        "dataRelayed": "Relayed",
+        "transferRate": "Rate"
+    }
+}
--- a/public/locales/it/common.json
+++ b/public/locales/it/common.json
@@ -99,14 +99,14 @@
        "available": "Disponibili"
    },
    "sabnzbd": {
-        "rate": "Rate",
-        "queue": "Queue",
-        "timeleft": "Time Left"
+        "rate": "Rapporto",
+        "queue": "Coda",
+        "timeleft": "Tempo Rimanente"
    },
    "nzbget": {
-        "rate": "Rate",
-        "remaining": "Remaining",
-        "downloaded": "Downloaded"
+        "rate": "Rapporto",
+        "remaining": "Rimanente",
+        "downloaded": "Scaricato"
    },
    "coinmarketcap": {
        "configure": "Configure one or more crypto currencies to track",
@@ -116,9 +116,9 @@
        "30days": "30 Days"
    },
    "gotify": {
-        "apps": "Applications",
+        "apps": "Applicazioni",
        "clients": "Clients",
-        "messages": "Messages"
+        "messages": "Messaggi"
    },
    "prowlarr": {
        "enableIndexers": "Indexers",
@@ -145,5 +145,28 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "albums": "Albums"
+    },
+    "adguard": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered",
+        "latency": "Latency"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "leech": "Leech",
+        "upload": "Upload",
+        "seed": "Seed"
+    },
+    "mastodon": {
+        "user_count": "Users",
+        "status_count": "Posts",
+        "domain_count": "Domains"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessions",
+        "numConnections": "Connections",
+        "dataRelayed": "Relayed",
+        "transferRate": "Rate"
    }
 }
--- a/public/locales/nb-NO/common.json
+++ b/public/locales/nb-NO/common.json
@@ -145,5 +145,28 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "albums": "Albums"
+    },
+    "adguard": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered",
+        "latency": "Latency"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "mastodon": {
+        "user_count": "Users",
+        "status_count": "Posts",
+        "domain_count": "Domains"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessions",
+        "numConnections": "Connections",
+        "dataRelayed": "Relayed",
+        "transferRate": "Rate"
    }
 }
--- a/public/locales/nl/common.json
+++ b/public/locales/nl/common.json
@@ -40,7 +40,7 @@
        "playing": "Afspelen",
        "transcoding": "Transcodering",
        "bitrate": "Bitsnelheid",
-        "no_active": "No Active Streams"
+        "no_active": "Geen Actieve Steams"
    },
    "tautulli": {
        "playing": "Afspelen",
@@ -145,5 +145,28 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "albums": "Albums"
+    },
+    "adguard": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered",
+        "latency": "Latency"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "mastodon": {
+        "user_count": "Users",
+        "status_count": "Posts",
+        "domain_count": "Domains"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessions",
+        "numConnections": "Connections",
+        "dataRelayed": "Relayed",
+        "transferRate": "Rate"
    }
 }
--- a/public/locales/pl/common.json
+++ b/public/locales/pl/common.json
@@ -145,5 +145,28 @@
    "jackett": {
        "configured": "Skonfigurowane",
        "errored": "Błędne"
+    },
+    "adguard": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered",
+        "latency": "Latency"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "mastodon": {
+        "user_count": "Users",
+        "status_count": "Posts",
+        "domain_count": "Domains"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessions",
+        "numConnections": "Connections",
+        "dataRelayed": "Relayed",
+        "transferRate": "Rate"
    }
 }
--- a/public/locales/pt/common.json
+++ b/public/locales/pt/common.json
@@ -11,7 +11,7 @@
        "total": "Total",
        "free": "Livre",
        "used": "Usado",
-        "load": "Load"
+        "load": "Carregar"
    },
    "docker": {
        "rx": "Rx",
@@ -23,7 +23,7 @@
    "emby": {
        "playing": "A reproduzir",
        "transcoding": "Transcodificação",
-        "bitrate": "Bitrate",
+        "bitrate": "Taxa de bits",
        "no_active": "Sem streams ativas"
    },
    "tautulli": {
@@ -34,8 +34,8 @@
    },
    "rutorrent": {
        "active": "Ativo",
-        "upload": "Envio",
-        "download": "ReceçãoDownload"
+        "upload": "Enviando",
+        "download": "Baixando"
    },
    "sonarr": {
        "wanted": "Desejada",
@@ -48,7 +48,7 @@
        "movies": "Filmes"
    },
    "readarr": {
-        "wanted": "Wanted",
+        "wanted": "Desejados",
        "queued": "Em fila",
        "books": "Livros"
    },
@@ -65,7 +65,7 @@
    "pihole": {
        "queries": "Consultas",
        "blocked": "Bloqueado",
-        "gravity": "Gravity"
+        "gravity": "Gravidade"
    },
    "speedtest": {
        "upload": "Envio",
@@ -78,7 +78,7 @@
        "total": "Total"
    },
    "traefik": {
-        "routers": "Routers",
+        "routers": "Roteadores",
        "services": "Serviços",
        "middleware": "Middleware"
    },
@@ -110,21 +110,21 @@
        "available": "Disponível"
    },
    "sabnzbd": {
-        "rate": "Rate",
+        "rate": "Taxa",
        "queue": "Fila",
        "timeleft": "Tempo restante"
    },
    "nzbget": {
-        "rate": "Rate",
+        "rate": "Taxa",
        "remaining": "Restante",
-        "downloaded": "Downloaded"
+        "downloaded": "Baixado"
    },
    "coinmarketcap": {
        "configure": "Configurar uma ou mais moedas",
-        "1hour": "1 Hour",
-        "1day": "1 Day",
-        "7days": "7 Days",
-        "30days": "30 Days"
+        "1hour": "1 Hora",
+        "1day": "1 Dia",
+        "7days": "7 Dias",
+        "30days": "30 Dias"
    },
    "gotify": {
        "apps": "Aplicações",
@@ -132,29 +132,52 @@
        "messages": "Mensagens"
    },
    "prowlarr": {
-        "enableIndexers": "Indexers",
-        "numberOfGrabs": "Grabs",
-        "numberOfQueries": "Queries",
+        "enableIndexers": "Indexadores",
+        "numberOfGrabs": "Agarrados",
+        "numberOfQueries": "Consultas",
        "numberOfFailGrabs": "Falhados",
        "numberOfFailQueries": "Pesquisas falhadas"
    },
    "transmission": {
-        "download": "Download",
-        "upload": "Envio",
-        "leech": "Leech",
-        "seed": "Seed"
+        "download": "Baixando",
+        "upload": "Enviando",
+        "leech": "Sanguessugas",
+        "seed": "Semeadores"
    },
    "jackett": {
-        "configured": "Configured",
-        "errored": "Errored"
+        "configured": "Configurado",
+        "errored": "Errado"
    },
    "bazarr": {
-        "missingEpisodes": "Missing Episodes",
-        "missingMovies": "Missing Movies"
+        "missingEpisodes": "Episódios Faltantes",
+        "missingMovies": "Filmes Faltantes"
    },
    "lidarr": {
-        "queued": "Queued",
-        "wanted": "Wanted",
-        "albums": "Albums"
+        "queued": "Enfileirado",
+        "wanted": "Desejado",
+        "albums": "Álbuns"
+    },
+    "adguard": {
+        "queries": "Consultas",
+        "blocked": "Bloqueado",
+        "filtered": "Filtrado",
+        "latency": "Latência"
+    },
+    "qbittorrent": {
+        "download": "Baixando",
+        "upload": "Enviando",
+        "leech": "Sanguessugas",
+        "seed": "Semeadores"
+    },
+    "mastodon": {
+        "user_count": "Usuários",
+        "status_count": "Postagens",
+        "domain_count": "Domínios"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessões",
+        "numConnections": "Conexões",
+        "dataRelayed": "Retransmitido",
+        "transferRate": "Taxa"
    }
 }
--- a/public/locales/ru/common.json
+++ b/public/locales/ru/common.json
@@ -113,7 +113,7 @@
        "1hour": "1 Hour",
        "1day": "1 Day",
        "7days": "7 Days",
-        "30days": "30 Days"
+        "30days": "30 Дней"
    },
    "gotify": {
        "apps": "Applications",
@@ -145,5 +145,28 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "albums": "Albums"
+    },
+    "adguard": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered",
+        "latency": "Latency"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "mastodon": {
+        "user_count": "Users",
+        "status_count": "Posts",
+        "domain_count": "Domains"
+    },
+    "strelaysrv": {
+        "numConnections": "Connections",
+        "dataRelayed": "Relayed",
+        "transferRate": "Rate",
+        "numActiveSessions": "Sessions"
    }
 }
--- a/public/locales/sv/common.json
+++ b/public/locales/sv/common.json
@@ -0,0 +1,172 @@
+{
+    "widget": {
+        "missing_type": "Saknar Widget-typ: {{type}}",
+        "api_error": "API-fel",
+        "status": "Status"
+    },
+    "weather": {
+        "current": "Nuvarande plats",
+        "allow": "Klicka för att tillåta",
+        "updating": "Uppdaterar",
+        "wait": "Vänligen vänta"
+    },
+    "resources": {
+        "load": "Laddar",
+        "total": "Total",
+        "free": "Ledigt",
+        "used": "Använt"
+    },
+    "docker": {
+        "rx": "RX",
+        "tx": "TX",
+        "mem": "MEM",
+        "cpu": "CPU",
+        "offline": "Offline"
+    },
+    "search": {
+        "placeholder": "Sök…"
+    },
+    "emby": {
+        "playing": "Spelar",
+        "transcoding": "Omkodning",
+        "bitrate": "Bitrate",
+        "no_active": "Inga aktiva strömmar"
+    },
+    "tautulli": {
+        "playing": "Spelar",
+        "transcoding": "Omkodning",
+        "bitrate": "Bitrate",
+        "no_active": "Inga aktiva strömmar"
+    },
+    "nzbget": {
+        "rate": "Hastighet",
+        "remaining": "Återstående",
+        "downloaded": "Nedladdat"
+    },
+    "sabnzbd": {
+        "rate": "Hastighet",
+        "queue": "Kö",
+        "timeleft": "Tid kvar"
+    },
+    "rutorrent": {
+        "active": "Aktiva",
+        "upload": "Uppladdning",
+        "download": "Nedladdning"
+    },
+    "transmission": {
+        "download": "Nedladdning",
+        "upload": "Uppladdning",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "sonarr": {
+        "wanted": "Eftersöker",
+        "queued": "I kö",
+        "series": "Serier"
+    },
+    "radarr": {
+        "wanted": "Eftersöker",
+        "queued": "I kö",
+        "movies": "Filmer"
+    },
+    "lidarr": {
+        "wanted": "Eftersöker",
+        "queued": "I kö",
+        "albums": "Album"
+    },
+    "readarr": {
+        "wanted": "Eftersökt",
+        "queued": "I kö",
+        "books": "Böcker"
+    },
+    "bazarr": {
+        "missingEpisodes": "Saknade program",
+        "missingMovies": "Saknade filmer"
+    },
+    "ombi": {
+        "pending": "Avvaktar",
+        "approved": "Godkända",
+        "available": "Tillgänglig"
+    },
+    "jellyseerr": {
+        "pending": "Avvaktar",
+        "approved": "Godkända",
+        "available": "Tillgänglig"
+    },
+    "overseerr": {
+        "pending": "Avvaktar",
+        "approved": "Godkända",
+        "available": "Tillgänglig"
+    },
+    "pihole": {
+        "blocked": "Blockerad",
+        "queries": "Förfrågningar",
+        "gravity": "Gravity"
+    },
+    "speedtest": {
+        "upload": "Uppladdning",
+        "download": "Nedladdning",
+        "ping": "Svarstid"
+    },
+    "portainer": {
+        "running": "Körs",
+        "stopped": "Stoppade",
+        "total": "Totalt"
+    },
+    "traefik": {
+        "routers": "Routers",
+        "services": "Tjänster",
+        "middleware": "Middleware"
+    },
+    "npm": {
+        "enabled": "Aktiverad",
+        "disabled": "Inaktiverad",
+        "total": "Totalt"
+    },
+    "coinmarketcap": {
+        "configure": "Konfigurera en eller flera kryptovalutor att följa",
+        "1hour": "1 timme",
+        "1day": "1 dag",
+        "7days": "7 dagar",
+        "30days": "30 dagar"
+    },
+    "gotify": {
+        "apps": "Program",
+        "clients": "Klienter",
+        "messages": "Meddelande"
+    },
+    "prowlarr": {
+        "enableIndexers": "Indexerare",
+        "numberOfGrabs": "Hämtningar",
+        "numberOfQueries": "Hämtningar",
+        "numberOfFailGrabs": "Misslyckade hämtningar",
+        "numberOfFailQueries": "Misslyckade hämtningar"
+    },
+    "jackett": {
+        "configured": "Konfigurerade",
+        "errored": "Felaktiga"
+    },
+    "adguard": {
+        "queries": "Förfrågningar",
+        "blocked": "Blockerad",
+        "filtered": "Filtrerad",
+        "latency": "Svarstid"
+    },
+    "qbittorrent": {
+        "download": "Nedladdning",
+        "upload": "Uppladdning",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "mastodon": {
+        "user_count": "Användare",
+        "status_count": "Posts",
+        "domain_count": "Domains"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessioner",
+        "numConnections": "Anslutningar",
+        "dataRelayed": "Relayed",
+        "transferRate": "Rate"
+    }
+}
--- a/public/locales/vi/common.json
+++ b/public/locales/vi/common.json
@@ -145,5 +145,28 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "albums": "Albums"
+    },
+    "adguard": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered",
+        "latency": "Latency"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "mastodon": {
+        "user_count": "Users",
+        "status_count": "Posts",
+        "domain_count": "Domains"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessions",
+        "numConnections": "Connections",
+        "dataRelayed": "Relayed",
+        "transferRate": "Rate"
    }
 }
--- a/public/locales/zh-CN/common.json
+++ b/public/locales/zh-CN/common.json
@@ -2,7 +2,7 @@
    "widget": {
        "missing_type": "缺少小部件类型：{{type}}",
        "api_error": "API错误",
-        "status": "地位"
+        "status": "状态"
    },
    "search": {
        "placeholder": "搜索…"
@@ -21,13 +21,13 @@
        "offline": "离线"
    },
    "emby": {
-        "playing": "正在播放",
+        "playing": "播放中",
        "transcoding": "转码",
        "bitrate": "比特率",
        "no_active": "暂无播放"
    },
    "tautulli": {
-        "playing": "正在播放",
+        "playing": "播放中",
        "transcoding": "转码",
        "bitrate": "比特率",
        "no_active": "暂无播放"
@@ -38,12 +38,12 @@
        "download": "下载"
    },
    "sonarr": {
-        "wanted": "通缉",
+        "wanted": "想看",
        "queued": "排队",
        "series": "系列"
    },
    "radarr": {
-        "wanted": "订阅",
+        "wanted": "想看",
        "queued": "队列",
        "movies": "电影"
    },
@@ -74,7 +74,7 @@
    },
    "portainer": {
        "running": "运行中",
-        "stopped": "已停止",
+        "stopped": "停止",
        "total": "总计"
    },
    "traefik": {
@@ -88,10 +88,10 @@
        "total": "全部的"
    },
    "weather": {
-        "current": "当前位置",
+        "current": "当前定位",
        "allow": "点击并允许",
        "updating": "更新中",
-        "wait": "请等待"
+        "wait": "请稍后"
    },
    "overseerr": {
        "pending": "待办",
@@ -110,10 +110,10 @@
    },
    "coinmarketcap": {
        "configure": "配置一个或多个需要追踪的加密",
-        "1hour": "1 Hour",
-        "1day": "1 Day",
-        "7days": "7 Days",
-        "30days": "30 Days"
+        "1hour": "1小时",
+        "1day": "1天",
+        "7days": "7天",
+        "30days": "30天"
    },
    "gotify": {
        "apps": "应用",
@@ -121,29 +121,52 @@
        "messages": "信息"
    },
    "prowlarr": {
-        "enableIndexers": "Indexers",
-        "numberOfGrabs": "Grabs",
-        "numberOfQueries": "Queries",
-        "numberOfFailGrabs": "Fail Grabs",
-        "numberOfFailQueries": "Fail Queries"
+        "enableIndexers": "索引器",
+        "numberOfGrabs": "抓取",
+        "numberOfQueries": "查询",
+        "numberOfFailGrabs": "抓取失败",
+        "numberOfFailQueries": "查询失败"
    },
    "transmission": {
        "download": "下载",
        "upload": "上传",
-        "leech": "Leech",
+        "leech": "下载中",
        "seed": "做种"
    },
    "jackett": {
-        "configured": "Configured",
-        "errored": "Errored"
+        "configured": "已配置",
+        "errored": "出错了"
    },
    "bazarr": {
-        "missingEpisodes": "Missing Episodes",
-        "missingMovies": "Missing Movies"
+        "missingEpisodes": "缺少的剧集",
+        "missingMovies": "缺少的电影"
    },
    "lidarr": {
-        "wanted": "Wanted",
-        "queued": "Queued",
-        "albums": "Albums"
+        "wanted": "订阅",
+        "queued": "队列",
+        "albums": "相册"
+    },
+    "adguard": {
+        "queries": "查询",
+        "blocked": "阻止",
+        "filtered": "过滤",
+        "latency": "延迟"
+    },
+    "qbittorrent": {
+        "download": "下载",
+        "upload": "上传",
+        "leech": "下载中",
+        "seed": "做种"
+    },
+    "mastodon": {
+        "user_count": "用户",
+        "status_count": "Posts",
+        "domain_count": "Domains"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessions",
+        "dataRelayed": "Relayed",
+        "numConnections": "Connections",
+        "transferRate": "Rate"
    }
 }
--- a/public/locales/zh-Hant/common.json
+++ b/public/locales/zh-Hant/common.json
@@ -145,5 +145,28 @@
        "wanted": "Wanted",
        "queued": "Queued",
        "albums": "Albums"
+    },
+    "adguard": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered",
+        "latency": "Latency"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "mastodon": {
+        "user_count": "Users",
+        "status_count": "Posts",
+        "domain_count": "Domains"
+    },
+    "strelaysrv": {
+        "numActiveSessions": "Sessions",
+        "numConnections": "Connections",
+        "dataRelayed": "Relayed",
+        "transferRate": "Rate"
    }
 }
--- a/src/components/bookmarks/group.jsx
+++ b/src/components/bookmarks/group.jsx
@@ -2,13 +2,8 @@ import List from "components/bookmarks/list";

 export default function BookmarksGroup({ group }) {
  return (
-    <div
-      key={group.name}
-      className="basis-full md:basis-1/2 lg:basis-1/3 xl:basis-1/4 flex-1 p-1"
-    >
-      <h2 className="text-theme-800 dark:text-theme-300 text-xl font-medium">
-        {group.name}
-      </h2>
+    <div key={group.name} className="basis-full md:basis-1/2 lg:basis-1/3 xl:basis-1/4 flex-1 p-1">
+      <h2 className="text-theme-800 dark:text-theme-300 text-xl font-medium">{group.name}</h2>
      <List bookmarks={group.bookmarks} />
    </div>
  );
--- a/src/components/bookmarks/item.jsx
+++ b/src/components/bookmarks/item.jsx
@@ -1,12 +1,18 @@
+import { useContext } from "react";
+
+import { SettingsContext } from "utils/settings-context";
+
 export default function Item({ bookmark }) {
  const { hostname } = new URL(bookmark.href);
+  const { settings } = useContext(SettingsContext);

  return (
    <li key={bookmark.name}>
-      <button
-        type="button"
-        onClick={() => window.open(bookmark.href, "_blank").focus()}
-        className="w-full text-left mb-3 cursor-pointer rounded-md font-medium text-theme-700 hover:text-theme-700 dark:text-theme-200 dark:hover:text-theme-300 shadow-md shadow-black/10 dark:shadow-black/20 bg-white/50 hover:bg-theme-300/10 dark:bg-white/10 dark:hover:bg-white/20"
+      <a
+        href={bookmark.href}
+        title={bookmark.name}
+        target={settings.target ?? "_blank"}
+        className="block w-full text-left mb-3 cursor-pointer rounded-md font-medium text-theme-700 hover:text-theme-700 dark:text-theme-200 dark:hover:text-theme-300 shadow-md shadow-black/10 dark:shadow-black/20 bg-white/50 hover:bg-theme-300/10 dark:bg-white/10 dark:hover:bg-white/20"
      >
        <div className="flex">
          <div className="flex-shrink-0 flex items-center justify-center w-11 bg-theme-500/10 dark:bg-theme-900/50 text-theme-700 hover:text-theme-700 dark:text-theme-200 text-sm font-medium rounded-l-md">
@@ -17,7 +23,7 @@ export default function Item({ bookmark }) {
            <div className="px-2 py-2 truncate text-theme-500 dark:text-theme-400 opacity-50 text-xs">{hostname}</div>
          </div>
        </div>
-      </button>
+      </a>
    </li>
  );
 }
--- a/src/components/services/item.jsx
+++ b/src/components/services/item.jsx
@@ -1,10 +1,13 @@
 import Image from "next/future/image";
+import { useContext } from "react";
 import { Disclosure } from "@headlessui/react";

 import Status from "./status";
 import Widget from "./widget";
 import Docker from "./widgets/service/docker";

+import { SettingsContext } from "utils/settings-context";
+
 function resolveIcon(icon) {
  if (icon.startsWith("http")) {
    return `/api/proxy?url=${encodeURIComponent(icon)}`;
@@ -22,13 +25,8 @@ function resolveIcon(icon) {
 }

 export default function Item({ service }) {
-  const handleOnClick = () => {
-    if (service.href && service.href !== "#") {
-      window.open(service.href, "_blank").focus();
-    }
-  };
-
  const hasLink = service.href && service.href !== "#";
+  const { settings } = useContext(SettingsContext);

  return (
    <li key={service.name}>
@@ -41,13 +39,14 @@ export default function Item({ service }) {
          <div className="flex select-none">
            {service.icon &&
              (hasLink ? (
-                <button
-                  type="button"
-                  onClick={handleOnClick}
+                <a
+                  href={service.href}
+                  target={settings.target ?? "_blank"}
+                  rel="noreferrer"
                  className="flex-shrink-0 flex items-center justify-center w-12 "
                >
                  <Image src={resolveIcon(service.icon)} width={32} height={32} alt="logo" />
-                </button>
+                </a>
              ) : (
                <div className="flex-shrink-0 flex items-center justify-center w-12 ">
                  <Image src={resolveIcon(service.icon)} width={32} height={32} alt="logo" />
@@ -55,16 +54,17 @@ export default function Item({ service }) {
              ))}

            {hasLink ? (
-              <button
-                type="button"
-                onClick={handleOnClick}
+              <a
+                href={service.href}
+                target={settings.target ?? "_blank"}
+                rel="noreferrer"
                className="flex-1 flex items-center justify-between rounded-r-md "
              >
                <div className="flex-1 px-2 py-2 text-sm text-left">
                  {service.name}
                  <p className="text-theme-500 dark:text-theme-400 text-xs font-extralight">{service.description}</p>
                </div>
-              </button>
+              </a>
            ) : (
              <div className="flex-1 flex items-center justify-between rounded-r-md ">
                <div className="flex-1 px-2 py-2 text-sm text-left">
--- a/src/components/services/widget.jsx
+++ b/src/components/services/widget.jsx
@@ -1,30 +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 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";
+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,
@@ -40,6 +45,7 @@ const widgetMappings = {
  nzbget: Nzbget,
  sabnzbd: SABnzbd,
  transmission: Transmission,
+  qbittorrent: QBittorrent,
  pihole: Pihole,
  rutorrent: Rutorrent,
  speedtest: Speedtest,
@@ -52,6 +58,9 @@ const widgetMappings = {
  gotify: Gotify,
  prowlarr: Prowlarr,
  jackett: Jackett,
+  adguard: AdGuard,
+  strelaysrv: StRelaySrv,
+  mastodon: Mastodon,
 };

 export default function Widget({ service }) {
--- a/src/components/services/widgets/service/adguard.jsx
+++ b/src/components/services/widgets/service/adguard.jsx
@@ -0,0 +1,45 @@
+import useSWR from "swr";
+import { useTranslation } from "react-i18next";
+
+import Widget from "../widget";
+import Block from "../block";
+
+import { formatApiUrl } from "utils/api-helpers";
+
+export default function AdGuard({ service }) {
+  const { t } = useTranslation();
+
+  const config = service.widget;
+
+  const { data: adguardData, error: adguardError } = useSWR(formatApiUrl(config, "stats"));
+
+  if (adguardError) {
+    return <Widget error={t("widget.api_error")} />;
+  }
+
+  if (!adguardData) {
+    return (
+      <Widget>
+        <Block label={t("adguard.queries")} />
+        <Block label={t("adguard.blocked")} />
+        <Block label={t("adguard.filtered")} />
+        <Block label={t("adguard.latency")} />
+      </Widget>
+    );
+  }
+
+  const filtered =
+    adguardData.num_replaced_safebrowsing + adguardData.num_replaced_safesearch + adguardData.num_replaced_parental;
+
+  return (
+    <Widget>
+      <Block label={t("adguard.queries")} value={t("common.number", { value: adguardData.num_dns_queries })} />
+      <Block label={t("adguard.blocked")} value={t("common.number", { value: adguardData.num_blocked_filtering })} />
+      <Block label={t("adguard.filtered")} value={t("common.number", { value: filtered })} />
+      <Block
+        label={t("adguard.latency")}
+        value={t("common.ms", { value: adguardData.avg_processing_time * 1000, style: "unit", unit: "millisecond" })}
+      />
+    </Widget>
+  );
+}
--- a/src/components/services/widgets/service/bazarr.jsx
+++ b/src/components/services/widgets/service/bazarr.jsx
@@ -29,8 +29,8 @@ export default function Bazarr({ service }) {

  return (
    <Widget>
-      <Block label={t("bazarr.missingEpisodes")} value={episodesData.total} />
-      <Block label={t("bazarr.missingMovies")} value={moviesData.total} />
+      <Block label={t("bazarr.missingEpisodes")} value={t("common.number", { value: episodesData.total })} />
+      <Block label={t("bazarr.missingMovies")} value={t("common.number", { value: moviesData.total })} />
    </Widget>
  );
 }
--- a/src/components/services/widgets/service/jackett.jsx
+++ b/src/components/services/widgets/service/jackett.jsx
@@ -30,8 +30,8 @@ export default function Jackett({ service }) {

  return (
    <Widget>
-      <Block label={t("jackett.configured")} value={indexersData.length} />
-      <Block label={t("jackett.errored")} value={errored.length} />
+      <Block label={t("jackett.configured")} value={t("common.number", { value: indexersData.length })} />
+      <Block label={t("jackett.errored")} value={t("common.number", { value: errored.length })} />
    </Widget>
  );
 }
--- a/src/components/services/widgets/service/lidarr.jsx
+++ b/src/components/services/widgets/service/lidarr.jsx
@@ -29,13 +29,11 @@ export default function Lidarr({ service }) {
    );
  }

-  const have = albumsData.filter((album) => album.statistics.percentOfTracks === 100);
-
  return (
    <Widget>
-      <Block label={t("lidarr.wanted")} value={wantedData.totalRecords} />
-      <Block label={t("lidarr.queued")} value={queueData.totalCount} />
-      <Block label={t("lidarr.albums")} value={have.length} />
+      <Block label={t("lidarr.wanted")} value={t("common.number", { value: wantedData.totalRecords })} />
+      <Block label={t("lidarr.queued")} value={t("common.number", { value: queueData.totalCount })} />
+      <Block label={t("lidarr.albums")} value={t("common.number", { value: albumsData.have })} />
    </Widget>
  );
 }
--- a/src/components/services/widgets/service/mastodon.jsx
+++ b/src/components/services/widgets/service/mastodon.jsx
@@ -0,0 +1,37 @@
+import useSWR from "swr";
+import { useTranslation } from "react-i18next";
+
+import Widget from "../widget";
+import Block from "../block";
+
+import { formatApiUrl } from "utils/api-helpers";
+
+export default function Mastodon({ service }) {
+  const { t } = useTranslation();
+
+  const config = service.widget;
+
+  const { data: statsData, error: statsError } = useSWR(formatApiUrl(config, `instance`));
+
+  if (statsError) {
+    return <Widget error={t("widget.api_error")} />;
+  }
+
+  if (!statsData) {
+    return (
+      <Widget>
+        <Block label={t("mastodon.user_count")} />
+        <Block label={t("mastodon.status_count")} />
+        <Block label={t("mastodon.domain_count")} />
+      </Widget>
+    );
+  }
+
+  return (
+    <Widget>
+      <Block label={t("mastodon.user_count")}   value={t("common.number", { value: statsData.stats.user_count })} />
+      <Block label={t("mastodon.status_count")} value={t("common.number", { value: statsData.stats.status_count })} />
+      <Block label={t("mastodon.domain_count")} value={t("common.number", { value: statsData.stats.domain_count })} />
+    </Widget>
+  );
+}
--- a/src/components/services/widgets/service/qbittorrent.jsx
+++ b/src/components/services/widgets/service/qbittorrent.jsx
@@ -0,0 +1,69 @@
+import useSWR from "swr";
+import { useTranslation } from "react-i18next";
+
+import Widget from "../widget";
+import Block from "../block";
+
+import { formatApiUrl } from "utils/api-helpers";
+
+export default function QBittorrent ({ service }) {
+  const { t } = useTranslation();
+
+  const config = service.widget;
+
+  const { data: torrentData, error: torrentError } = useSWR(formatApiUrl(config, "torrents/info"));
+
+  if (torrentError) {
+    return <Widget error={t("widget.api_error")} />;
+  }
+
+  if (!torrentData) {
+    return (
+      <Widget>
+        <Block label={t("qbittorrent.leech")} />
+        <Block label={t("qbittorrent.download")} />
+        <Block label={t("qbittorrent.seed")} />
+        <Block label={t("qbittorrent.upload")} />
+      </Widget>
+    );
+  }
+
+  let rateDl = 0;
+  let rateUl = 0;
+  let completed = 0;
+
+  for (let i = 0; i < torrentData.length; i += 1) {
+    const torrent = torrentData[i];
+    rateDl += torrent.dlspeed;
+    rateUl += torrent.upspeed;
+    if (torrent.progress === 1) {
+      completed += 1;
+    }
+  }
+
+  const leech = torrentData.length - completed;
+
+  let unitsDl = "KB/s";
+  let unitsUl = "KB/s";
+  rateDl /= 1024;
+  rateUl /= 1024;
+
+  if (rateDl > 1024) {
+    rateDl /= 1024;
+    unitsDl = "MB/s";
+  }
+
+  if (rateUl > 1024) {
+    rateUl /= 1024;
+    unitsUl = "MB/s";
+  }
+
+  return (
+    <Widget>
+      <Block label={t("qbittorrent.leech")} value={t("common.number", { value: leech })} />
+      <Block label={t("qbittorrent.download")} value={`${rateDl.toFixed(2)} ${unitsDl}`} />
+      <Block label={t("qbittorrent.seed")} value={t("common.number", { value: completed })} />
+      <Block label={t("qbittorrent.upload")} value={`${rateUl.toFixed(2)} ${unitsUl}`} />
+    </Widget>
+  );
+}
--- a/src/components/services/widgets/service/radarr.jsx
+++ b/src/components/services/widgets/service/radarr.jsx
@@ -28,14 +28,11 @@ export default function Radarr({ service }) {
    );
  }

-  const wanted = moviesData.filter((movie) => movie.isAvailable === false);
-  const have = moviesData.filter((movie) => movie.isAvailable === true);
-
  return (
    <Widget>
-      <Block label={t("radarr.wanted")} value={wanted.length} />
+      <Block label={t("radarr.wanted")} value={moviesData.wanted} />
      <Block label={t("radarr.queued")} value={queuedData.totalCount} />
-      <Block label={t("radarr.movies")} value={have.length} />
+      <Block label={t("radarr.movies")} value={moviesData.have} />
    </Widget>
  );
 }
--- a/src/components/services/widgets/service/readarr.jsx
+++ b/src/components/services/widgets/service/readarr.jsx
@@ -29,13 +29,11 @@ export default function Readarr({ service }) {
    );
  }

-  const have = booksData.filter((book) => book.statistics.bookFileCount > 0);
-
  return (
    <Widget>
-      <Block label={t("readarr.wanted")} value={wantedData.totalRecords} />
-      <Block label={t("readarr.queued")} value={queueData.totalCount} />
-      <Block label={t("readarr.books")} value={have.length} />
+      <Block label={t("readarr.wanted")} value={t("common.number", { value: wantedData.totalRecords })} />
+      <Block label={t("readarr.queued")} value={t("common.number", { value: queueData.totalCount })} />
+      <Block label={t("readarr.books")} value={t("common.number", { value: booksData.have })} />
    </Widget>
  );
 }
--- a/src/components/services/widgets/service/sabnzbd.jsx
+++ b/src/components/services/widgets/service/sabnzbd.jsx
@@ -30,7 +30,7 @@ export default function SABnzbd({ service }) {
  return (
    <Widget>
      <Block label={t("sabnzbd.rate")} value={`${queueData.queue.speed}B/s`} />
-      <Block label={t("sabnzbd.queue")} value={queueData.queue.noofslots} />
+      <Block label={t("sabnzbd.queue")} value={t("common.number", { value: queueData.queue.noofslots })} />
      <Block label={t("sabnzbd.timeleft")} value={queueData.queue.timeleft} />
    </Widget>
  );
--- a/src/components/services/widgets/service/sonarr.jsx
+++ b/src/components/services/widgets/service/sonarr.jsx
@@ -33,7 +33,7 @@ export default function Sonarr({ service }) {
    <Widget>
      <Block label={t("sonarr.wanted")} value={wantedData.totalRecords} />
      <Block label={t("sonarr.queued")} value={queuedData.totalRecords} />
-      <Block label={t("sonarr.series")} value={seriesData.length} />
+      <Block label={t("sonarr.series")} value={seriesData.total} />
    </Widget>
  );
 }
--- a/src/components/services/widgets/service/strelaysrv.jsx
+++ b/src/components/services/widgets/service/strelaysrv.jsx
@@ -0,0 +1,38 @@
+import useSWR from "swr";
+import { useTranslation } from "react-i18next";
+
+import Widget from "../widget";
+import Block from "../block";
+
+import { formatApiUrl } from "utils/api-helpers";
+
+export default function StRelaySrv({ service }) {
+  const { t } = useTranslation();
+
+  const config = service.widget;
+
+  const { data: statsData, error: statsError } = useSWR(formatApiUrl(config, `status`));
+
+  if (statsError) {
+    return <Widget error={t("widget.api_error")} />;
+  }
+
+  if (!statsData) {
+    return (
+      <Widget>
+        <Block label={t("strelaysrv.numActiveSessions")} />
+        <Block label={t("strelaysrv.numConnections")} />
+        <Block label={t("strelaysrv.bytesProxied")} />
+      </Widget>
+    );
+  }
+
+  return (
+    <Widget>
+      <Block label={t("strelaysrv.numActiveSessions")} value={t("common.number", { value: statsData.numActiveSessions })} />
+      <Block label={t("strelaysrv.numConnections")}    value={t("common.number", { value: statsData.numConnections })} />
+      <Block label={t("strelaysrv.dataRelayed")}       value={t("common.bytes",  { value: statsData.bytesProxied })} />
+      <Block label={t("strelaysrv.transferRate")}      value={t("common.bitrate",{ value: statsData.kbps10s1m5m15m30m60m[5] })} />
+    </Widget>
+  );
+}
--- a/src/components/services/widgets/service/tautulli.jsx
+++ b/src/components/services/widgets/service/tautulli.jsx
@@ -2,7 +2,7 @@
 import useSWR from "swr";
 import { useTranslation } from "react-i18next";
 import { BsFillPlayFill, BsPauseFill, BsCpu, BsFillCpuFill } from "react-icons/bs";
-import { MdOutlineSmartDisplay } from "react-icons/md";
+import { MdOutlineSmartDisplay, MdSmartDisplay } from "react-icons/md";

 import Widget from "../widget";

@@ -37,9 +37,16 @@ function SingleSessionEntry({ session }) {
          <div className="absolute w-full whitespace-nowrap text-ellipsis overflow-hidden">{full_title}</div>
        </div>
        <div className="self-center text-xs flex justify-end mr-1.5 pl-1">
+          {video_decision === "direct play" && audio_decision === "direct play" && (
+            <MdSmartDisplay className="opacity-50" />
+          )}
          {video_decision === "copy" && audio_decision === "copy" && <MdOutlineSmartDisplay className="opacity-50" />}
-          {video_decision !== "copy" && audio_decision !== "copy" && <BsFillCpuFill className="opacity-50" />}
-          {video_decision === "copy" && audio_decision !== "copy" && <BsCpu className="opacity-50" />}
+          {video_decision !== "copy" &&
+            video_decision !== "direct play" &&
+            (audio_decision !== "copy" || audio_decision !== "direct play") && <BsFillCpuFill className="opacity-50" />}
+          {(video_decision === "copy" || video_decision === "direct play") &&
+            audio_decision !== "copy" &&
+            audio_decision !== "direct play" && <BsCpu className="opacity-50" />}
        </div>
      </div>

@@ -92,9 +99,16 @@ function SessionEntry({ session }) {
        <div className="absolute w-full whitespace-nowrap text-ellipsis overflow-hidden">{full_title}</div>
      </div>
      <div className="self-center text-xs flex justify-end mr-1.5 pl-1 z-10">
+        {video_decision === "direct play" && audio_decision === "direct play" && (
+          <MdSmartDisplay className="opacity-50" />
+        )}
        {video_decision === "copy" && audio_decision === "copy" && <MdOutlineSmartDisplay className="opacity-50" />}
-        {video_decision !== "copy" && audio_decision !== "copy" && <BsFillCpuFill className="opacity-50" />}
-        {video_decision === "copy" && audio_decision !== "copy" && <BsCpu className="opacity-50" />}
+        {video_decision !== "copy" &&
+          video_decision !== "direct play" &&
+          (audio_decision !== "copy" || audio_decision !== "direct play") && <BsFillCpuFill className="opacity-50" />}
+        {(video_decision === "copy" || video_decision === "direct play") &&
+          audio_decision !== "copy" &&
+          audio_decision !== "direct play" && <BsCpu className="opacity-50" />}
      </div>
      <div className="self-center text-xs flex justify-end mr-2 z-10">{millisecondsToString(view_offset)}</div>
    </div>
--- a/src/components/services/widgets/service/transmission.jsx
+++ b/src/components/services/widgets/service/transmission.jsx
@@ -61,9 +61,9 @@ export default function Transmission({ service }) {

  return (
    <Widget>
-      <Block label={t("transmission.leech")} value={leech} />
+      <Block label={t("transmission.leech")} value={t("common.number", { value: leech })} />
      <Block label={t("transmission.download")} value={`${rateDl.toFixed(2)} ${unitsDl}`} />
-      <Block label={t("transmission.seed")} value={completed} />
+      <Block label={t("transmission.seed")} value={t("common.number", { value: completed })} />
      <Block label={t("transmission.upload")} value={`${rateUl.toFixed(2)} ${unitsUl}`} />
    </Widget>
  );
--- a/src/components/version.jsx
+++ b/src/components/version.jsx
@@ -0,0 +1,47 @@
+import { useTranslation } from "react-i18next";
+import useSWR from "swr";
+import { compareVersions } from "compare-versions";
+import { MdNewReleases } from "react-icons/md";
+
+export default function Version() {
+  const { t, i18n } = useTranslation();
+
+  const buildTime = process.env.NEXT_PUBLIC_BUILDTIME ?? new Date().toISOString();
+  const revision = process.env.NEXT_PUBLIC_REVISION ?? "dev";
+  const version = process.env.NEXT_PUBLIC_VERSION ?? "dev";
+
+  const { data: releaseData } = useSWR("https://api.github.com/repos/benphelps/homepage/releases");
+
+  // use Intl.DateTimeFormat to format the date
+  const formatDate = (date) => {
+    const options = {
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+    };
+    return new Intl.DateTimeFormat(i18n.language, options).format(new Date(date));
+  };
+
+  const latestRelease = releaseData?.[0];
+
+  return (
+    <div className="flex flex-row items-center">
+      <span className="text-xs text-theme-500 opacity-50">
+        {version} ({revision.substring(0, 7)}, {formatDate(buildTime)})
+      </span>
+      {version === "main" || version === "dev"
+        ? null
+        : releaseData &&
+          compareVersions(latestRelease.tag_name, version) > 0 && (
+            <a
+              href={latestRelease.html_url}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="ml-2 text-xs text-theme-500 opacity-50 flex flex-row items-center"
+            >
+              <MdNewReleases className="mr-1" /> {t("Update Available")}
+            </a>
+          )}
+    </div>
+  );
+}
--- a/src/components/widget.jsx
+++ b/src/components/widget.jsx
@@ -2,6 +2,8 @@ import WeatherApi from "components/widgets/weather/weather";
 import OpenWeatherMap from "components/widgets/openweathermap/weather";
 import Resources from "components/widgets/resources/resources";
 import Search from "components/widgets/search/search";
+import Greeting from "components/widgets/greeting/greeting";
+import DateTime from "components/widgets/datetime/datetime";

 const widgetMappings = {
  weather: WeatherApi, // This key will be deprecated in the future
@@ -9,13 +11,15 @@ const widgetMappings = {
  openweathermap: OpenWeatherMap,
  resources: Resources,
  search: Search,
+  greeting: Greeting,
+  datetime: DateTime,
 };

 export default function Widget({ widget }) {
-  const ServiceWidget = widgetMappings[widget.type];
+  const InfoWidget = widgetMappings[widget.type];

-  if (ServiceWidget) {
-    return <ServiceWidget options={widget.options} />;
+  if (InfoWidget) {
+    return <InfoWidget options={widget.options} />;
  }

  return (
--- a/src/components/widgets/datetime/datetime.jsx
+++ b/src/components/widgets/datetime/datetime.jsx
@@ -0,0 +1,36 @@
+import { useState, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+
+const textSizes = {
+  "4xl": "text-4xl",
+  "3xl": "text-3xl",
+  "2xl": "text-2xl",
+  xl: "text-xl",
+  lg: "text-lg",
+  md: "text-md",
+  sm: "text-sm",
+  xs: "text-xs",
+};
+
+export default function DateTime({ options }) {
+  const { text_size: textSize, format } = options;
+  const { i18n } = useTranslation();
+  const [date, setDate] = useState(new Date());
+
+  useEffect(() => {
+    const interval = setInterval(() => {
+      setDate(new Date());
+    }, 1000);
+    return () => clearInterval(interval);
+  }, [setDate]);
+
+  const dateFormat = new Intl.DateTimeFormat(i18n.language, { ...format });
+
+  return (
+    <div className="flex flex-row items-center grow justify-end">
+      <span className={`text-theme-800 dark:text-theme-200 ${textSizes[textSize || "lg"]}`}>
+        {dateFormat.format(date)}
+      </span>
+    </div>
+  );
+}
--- a/src/components/widgets/greeting/greeting.jsx
+++ b/src/components/widgets/greeting/greeting.jsx
@@ -0,0 +1,22 @@
+const textSizes = {
+  "4xl": "text-4xl",
+  "3xl": "text-3xl",
+  "2xl": "text-2xl",
+  xl: "text-xl",
+  lg: "text-lg",
+  md: "text-md",
+  sm: "text-sm",
+  xs: "text-xs",
+};
+
+export default function Greeting({ options }) {
+  if (options.text) {
+    return (
+      <div className="flex flex-row items-center justify-start">
+        <span className={`text-theme-800 dark:text-theme-200 ${textSizes[options.text_size || "xl"]}`}>
+          {options.text}
+        </span>
+      </div>
+    );
+  }
+}
--- a/src/pages/_app.jsx
+++ b/src/pages/_app.jsx
@@ -8,6 +8,7 @@ import "styles/theme.css";
 import "utils/i18n";
 import { ColorProvider } from "utils/color-context";
 import { ThemeProvider } from "utils/theme-context";
+import { SettingsProvider } from "utils/settings-context";

 function MyApp({ Component, pageProps }) {
  return (
@@ -18,7 +19,9 @@ function MyApp({ Component, pageProps }) {
    >
      <ColorProvider>
        <ThemeProvider>
-          <Component {...pageProps} />
+          <SettingsProvider>
+            <Component {...pageProps} />
+          </SettingsProvider>
        </ThemeProvider>
      </ColorProvider>
    </SWRConfig>
--- a/src/pages/api/services/index.js
+++ b/src/pages/api/services/index.js
@@ -7,15 +7,17 @@ export default async function handler(req, res) {

  try {
    discoveredServices = cleanServiceGroups(await servicesFromDocker());
-  } catch {
-    console.error("Failed to discover services, please check docker.yaml for errors");
+  } catch (e) {
+    console.error("Failed to discover services, please check docker.yaml for errors or remove example entries.");
+    console.error(e);
    discoveredServices = [];
  }

  try {
    configuredServices = cleanServiceGroups(await servicesFromConfig());
-  } catch {
+  } catch (e) {
    console.error("Failed to load services.yaml, please check for errors");
+    console.error(e);
    configuredServices = [];
  }

--- a/src/pages/api/services/proxy.js
+++ b/src/pages/api/services/proxy.js
@@ -1,25 +1,91 @@
+import createLogger from "utils/logger";
 import genericProxyHandler from "utils/proxies/generic";
 import credentialedProxyHandler from "utils/proxies/credentialed";
 import rutorrentProxyHandler from "utils/proxies/rutorrent";
 import nzbgetProxyHandler from "utils/proxies/nzbget";
 import npmProxyHandler from "utils/proxies/npm";
 import transmissionProxyHandler from "utils/proxies/transmission";
+import qbittorrentProxyHandler from "utils/proxies/qbittorrent";
+
+const logger = createLogger('servicesProxy');
+
+function asJson(data) {
+  if (data?.length > 0) {
+    const json = JSON.parse(data.toString());
+    return json;
+  }
+  return data;
+}
+
+function jsonArrayTransform(data, transform) {
+  const json = asJson(data);
+  if (json instanceof Array) {
+    return transform(json);
+  }
+  return json;
+}
+
+function jsonArrayFilter(data, filter) {
+  return jsonArrayTransform(data, (items) => items.filter(filter));
+}

 const serviceProxyHandlers = {
  // uses query param auth
  emby: genericProxyHandler,
  jellyfin: genericProxyHandler,
  pihole: genericProxyHandler,
-  radarr: genericProxyHandler,
-  sonarr: genericProxyHandler,
-  lidarr: genericProxyHandler,
-  readarr: genericProxyHandler,
-  bazarr: genericProxyHandler,
+  radarr: {
+    proxy: genericProxyHandler,
+    maps: {
+      movie: (data) => ({
+        wanted: jsonArrayFilter(data, (item) => item.isAvailable === false).length,
+        have: jsonArrayFilter(data, (item) => item.isAvailable === true).length,
+      }),
+    },
+  },
+  sonarr: {
+    proxy: genericProxyHandler,
+    maps: {
+      series: (data) => ({
+        total: asJson(data).length,
+      }),
+    },
+  },
+  lidarr: {
+    proxy: genericProxyHandler,
+    maps: {
+      album: (data) => ({
+        have: jsonArrayFilter(data, (item) => item?.statistics?.percentOfTracks === 100).length,
+      }),
+    },
+  },
+  readarr: {
+    proxy: genericProxyHandler,
+    maps: {
+      book: (data) => ({
+        have: jsonArrayFilter(data, (item) => item?.statistics?.bookFileCount > 0).length,
+      }),
+    },
+  },
+  bazarr: {
+    proxy: genericProxyHandler,
+    maps: {
+      movies: (data) => ({
+        total: asJson(data).total,
+      }),
+      episodes: (data) => ({
+        total: asJson(data).total,
+      }),
+    },
+  },
  speedtest: genericProxyHandler,
  tautulli: genericProxyHandler,
  traefik: genericProxyHandler,
  sabnzbd: genericProxyHandler,
  jackett: genericProxyHandler,
+  adguard: genericProxyHandler,
+  strelaysrv: genericProxyHandler,
+  mastodon: genericProxyHandler,
  // uses X-API-Key (or similar) header auth
  gotify: credentialedProxyHandler,
  portainer: credentialedProxyHandler,
@@ -33,16 +99,31 @@ const serviceProxyHandlers = {
  nzbget: nzbgetProxyHandler,
  npm: npmProxyHandler,
  transmission: transmissionProxyHandler,
+  qbittorrent: qbittorrentProxyHandler,
 };

 export default async function handler(req, res) {
-  const { type } = req.query;
+  try {
+    const { type } = req.query;

-  const serviceProxyHandler = serviceProxyHandlers[type];
+    const serviceProxyHandler = serviceProxyHandlers[type];

-  if (serviceProxyHandler) {
-    return serviceProxyHandler(req, res);
+    if (serviceProxyHandler) {
+      if (serviceProxyHandler instanceof Function) {
+        return serviceProxyHandler(req, res);
+      }
+  
+      const { proxy, maps } = serviceProxyHandler;
+      if (proxy) {
+        return proxy(req, res, maps);
+      }
+    }
+
+    logger.debug("Unknown proxy service type: %s", type);
+    return res.status(403).json({ error: "Unkown proxy service type" });
+  }
+  catch (ex) {
+    logger.error(ex);
+    return res.status(500).send({ error: "Unexpected error" });
  }
-
-  return res.status(403).json({ error: "Unkown proxy service type" });
 }
--- a/src/pages/api/validate.js
+++ b/src/pages/api/validate.js
@@ -0,0 +1,9 @@
+import checkAndCopyConfig from "utils/config";
+
+const configs = ["docker.yaml", "settings.yaml", "services.yaml", "bookmarks.yaml"];
+
+export default async function handler(req, res) {
+  const errors = configs.map((config) => checkAndCopyConfig(config)).filter((status) => status !== true);
+
+  res.send(errors);
+}
--- a/src/pages/api/widgets/openweathermap.js
+++ b/src/pages/api/widgets/openweathermap.js
@@ -14,7 +14,7 @@ export default async function handler(req, res) {
  }

  if (!apiKey && provider) {
-    const settings = await getSettings();
+    const settings = getSettings();
    apiKey = settings?.providers?.openweathermap;
  }

--- a/src/pages/api/widgets/weather.js
+++ b/src/pages/api/widgets/weather.js
@@ -14,7 +14,7 @@ export default async function handler(req, res) {
  }

  if (!apiKey && provider) {
-    const settings = await getSettings();
+    const settings = getSettings();
    apiKey = settings?.providers?.weatherapi;
  }

--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -4,14 +4,17 @@ import Head from "next/head";
 import dynamic from "next/dynamic";
 import { useTranslation } from "react-i18next";
 import { useEffect, useContext } from "react";
+import { BiError } from "react-icons/bi";

 import ServicesGroup from "components/services/group";
 import BookmarksGroup from "components/bookmarks/group";
 import Widget from "components/widget";
 import Revalidate from "components/revalidate";
+import createLogger from "utils/logger";
 import { getSettings } from "utils/config";
 import { ColorContext } from "utils/color-context";
 import { ThemeContext } from "utils/theme-context";
+import { SettingsContext } from "utils/settings-context";

 const ThemeToggle = dynamic(() => import("components/theme-toggle"), {
  ssr: false,
@@ -21,31 +24,84 @@ const ColorToggle = dynamic(() => import("components/color-toggle"), {
  ssr: false,
 });

-const rightAlignedWidgets = ["weatherapi", "openweathermap", "weather", "search"];
+const Version = dynamic(() => import("components/version"), {
+  ssr: false,
+});

-export async function getStaticProps() {
-  const settings = await getSettings();
+const rightAlignedWidgets = ["weatherapi", "openweathermap", "weather", "search", "datetime"];

-  return {
-    props: {
-      settings,
-    },
-  };
+export function getStaticProps() {
+  let logger;
+  try {
+    logger = createLogger("index");
+    const { providers, ...settings } = getSettings();
+
+    return {
+      props: {
+        initialSettings: settings,
+      },
+    };
+  } catch (e) {
+    if (logger) {
+      logger.error(e);
+    }
+    return {
+      props: {
+        initialSettings: {},
+      },
+    };
+  }
 }

-export default function Home({ settings }) {
+export default function Index({ initialSettings }) {
+  const { data: errorsData } = useSWR("/api/validate");
+
+  if (errorsData && errorsData.length > 0) {
+    return (
+      <div className="w-full container m-auto justify-center p-10">
+        <div className="flex flex-col">
+          {errorsData.map((error, i) => (
+            <div
+              className="basis-1/2 bg-theme-500 dark:bg-theme-600 text-theme-600 dark:text-theme-300 m-2 rounded-md font-mono shadow-md border-4 border-transparent"
+              key={i}
+            >
+              <div className="bg-amber-200 text-amber-800 dark:text-amber-200 dark:bg-amber-800 p-2 rounded-md font-bold">
+                <BiError className="float-right w-6 h-6" />
+                {error.config}
+              </div>
+              <div className="p-2 text-theme-100 dark:text-theme-200">
+                <pre className="opacity-50 font-bold pb-2">{error.reason}</pre>
+                <pre className="text-sm">{error.mark.snippet}</pre>
+              </div>
+            </div>
+          ))}
+        </div>
+      </div>
+    );
+  }
+
+  return <Home initialSettings={initialSettings} />;
+}
+
+function Home({ initialSettings }) {
  const { i18n } = useTranslation();
  const { theme, setTheme } = useContext(ThemeContext);
  const { color, setColor } = useContext(ColorContext);
+  const { settings, setSettings } = useContext(SettingsContext);
+
+  useEffect(() => {
+    setSettings(initialSettings);
+  }, [initialSettings, setSettings]);

  const { data: services } = useSWR("/api/services");
  const { data: bookmarks } = useSWR("/api/bookmarks");
  const { data: widgets } = useSWR("/api/widgets");

  const wrappedStyle = {};
-  if (settings.background) {
+  if (settings && settings.background) {
    wrappedStyle.backgroundImage = `url(${settings.background})`;
    wrappedStyle.backgroundSize = "cover";
+    wrappedStyle.opacity = settings.backgroundOpacity ?? 1;
  }

  useEffect(() => {
@@ -107,11 +163,15 @@ export default function Home({ settings }) {
          </div>
        )}

-        <div className="rounded-full flex p-8 w-full justify-end">
+        <div className="flex p-8 pb-0 w-full justify-end">
          {!settings?.color && <ColorToggle />}
          <Revalidate />
          {!settings?.theme && <ThemeToggle />}
        </div>
+
+        <div className="flex p-8 pt-4 w-full justify-end">
+          <Version />
+        </div>
      </div>
    </>
  );
--- a/src/skeleton/bookmarks.yaml
+++ b/src/skeleton/bookmarks.yaml
@@ -1,3 +1,4 @@
+---
 # For configuration options and examples, please see:
 # https://github.com/benphelps/homepage/wiki/Bookmarks

--- a/src/skeleton/docker.yaml
+++ b/src/skeleton/docker.yaml
@@ -1,9 +1,10 @@
+---
 # For configuration options and examples, please see:
 # https://github.com/benphelps/homepage/wiki/Docker-Integration

-my-docker:
-  host: 127.0.0.1
-  port: 2375
+# my-docker:
+#   host: 127.0.0.1
+#   port: 2375

-other-docker:
-  socket: /var/run/docker.sock
+# my-docker:
+#   socket: /var/run/docker.sock
--- a/src/skeleton/services.yaml
+++ b/src/skeleton/services.yaml
@@ -1,3 +1,4 @@
+---
 # For configuration options and examples, please see:
 # https://github.com/benphelps/homepage/wiki/Services

--- a/src/skeleton/settings.yaml
+++ b/src/skeleton/settings.yaml
@@ -1,3 +1,4 @@
+---
 # For configuration options and examples, please see:
 # https://github.com/benphelps/homepage/wiki/Settings

--- a/src/skeleton/widgets.yaml
+++ b/src/skeleton/widgets.yaml
@@ -1,3 +1,4 @@
+---
 # For configuration options and examples, please see:
 # https://github.com/benphelps/homepage/wiki/Information-Widgets

--- a/src/utils/api-helpers.js
+++ b/src/utils/api-helpers.js
@@ -10,6 +10,7 @@ const formats = {
  portainer: `{url}/api/endpoints/{env}/{endpoint}`,
  rutorrent: `{url}/plugins/httprpc/action.php`,
  transmission: `{url}/transmission/rpc`,
+  qbittorrent: `{url}/api/v2/{endpoint}`,
  jellyseerr: `{url}/api/v1/{endpoint}`,
  overseerr: `{url}/api/v1/{endpoint}`,
  ombi: `{url}/api/v1/{endpoint}`,
@@ -21,7 +22,10 @@ const formats = {
  coinmarketcap: `https://pro-api.coinmarketcap.com/{endpoint}`,
  gotify: `{url}/{endpoint}`,
  prowlarr: `{url}/api/v1/{endpoint}`,
-  jackett: `{url}/api/v2.0/{endpoint}?apikey={key}&configured=true`
+  jackett: `{url}/api/v2.0/{endpoint}?apikey={key}&configured=true`,
+  adguard: `{url}/control/{endpoint}`,
+  strelaysrv: `{url}/{endpoint}`,
+  mastodon: `{url}/api/v1/{endpoint}`,
 };

 export function formatApiCall(api, args) {
--- a/src/utils/config.js
+++ b/src/utils/config.js
@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import { join } from "path";
-import { existsSync, copyFile, promises as fs } from "fs";
+import { existsSync, copyFile, readFileSync } from "fs";

 import yaml from "js-yaml";

@@ -15,13 +15,22 @@ export default function checkAndCopyConfig(config) {
      }
      console.info("%s was copied to the config folder", config);
    });
+
+    return true;
+  }
+
+  try {
+    yaml.load(readFileSync(configYaml, "utf8"));
+    return true;
+  } catch (e) {
+    return { ...e, config };
  }
 }

-export async function getSettings() {
+export function getSettings() {
  checkAndCopyConfig("settings.yaml");

  const settingsYaml = join(process.cwd(), "config", "settings.yaml");
-  const fileContents = await fs.readFile(settingsYaml, "utf8");
+  const fileContents = readFileSync(settingsYaml, "utf8");
  return yaml.load(fileContents);
 }
--- a/src/utils/cookie-jar.js
+++ b/src/utils/cookie-jar.js
@@ -0,0 +1,34 @@
+/* eslint-disable no-param-reassign */
+import { Cookie, CookieJar } from 'tough-cookie';
+
+const cookieJar = new CookieJar();
+
+export function setCookieHeader(url, params) {
+  // add cookie header, if we have one in the jar
+  const existingCookie = cookieJar.getCookieStringSync(url.toString());
+  if (existingCookie) {
+    params.headers = params.headers ?? {};
+    params.headers.Cookie = existingCookie;
+  }
+}
+
+export function addCookieToJar(url, headers) {
+  let cookieHeader = headers['set-cookie'];
+  if (headers instanceof Headers) {
+    cookieHeader = headers.get('set-cookie');
+  }
+
+  if (!cookieHeader || cookieHeader.length === 0) return;
+
+  let cookies = null;
+  if (cookieHeader instanceof Array) {
+    cookies = cookieHeader.map(Cookie.parse);
+  }
+  else {
+    cookies = [Cookie.parse(cookieHeader)];
+  }
+
+  for (let i = 0; i < cookies.length; i += 1) {
+    cookieJar.setCookieSync(cookies[i], url.toString());
+  }
+}
--- a/src/utils/http.js
+++ b/src/utils/http.js
@@ -1,39 +1,15 @@
 /* eslint-disable prefer-promise-reject-errors */
 /* eslint-disable no-param-reassign */
 import { http, https } from "follow-redirects";
-import { Cookie, CookieJar } from 'tough-cookie';

-const cookieJar = new CookieJar();
-
-function setCookieHeader(url, params) {
-  // add cookie header, if we have one in the jar
-  const existingCookie = cookieJar.getCookieStringSync(url.toString());
-  if (existingCookie) {
-    params.headers = params.headers ?? {};
-    params.headers.Cookie = existingCookie;
-  }
-}
+import { addCookieToJar, setCookieHeader } from "utils/cookie-jar";

 function addCookieHandler(url, params) {
  setCookieHeader(url, params);

  // handle cookies during redirects
  params.beforeRedirect = (options, responseInfo) => {
-    const cookieHeader = responseInfo.headers['set-cookie'];
-    if (!cookieHeader || cookieHeader.length === 0) return;
-
-    let cookies = null;
-    if (cookieHeader instanceof Array) {
-      cookies = cookieHeader.map(Cookie.parse);
-    }
-    else {
-      cookies = [Cookie.parse(cookieHeader)];
-    }
-
-    for (let i = 0; i < cookies.length; i += 1) {
-      cookieJar.setCookieSync(cookies[i], options.href);
-    }
-
+    addCookieToJar(options.href, responseInfo.headers);
    setCookieHeader(options.href, options);
  };
 }
@@ -49,6 +25,7 @@ export function httpsRequest(url, params) {
      });

      response.on("end", () => {
+        addCookieToJar(url, response.headers);
        resolve([response.statusCode, response.headers["content-type"], Buffer.concat(data), response.headers]);
      });
    });
@@ -76,6 +53,7 @@ export function httpRequest(url, params) {
      });

      response.on("end", () => {
+        addCookieToJar(url, response.headers);
        resolve([response.statusCode, response.headers["content-type"], Buffer.concat(data), response.headers]);
      });
    });
--- a/src/utils/logger.js
+++ b/src/utils/logger.js
@@ -0,0 +1,88 @@
+/* eslint-disable no-console */
+import { join } from "path";
+import { format as utilFormat } from "node:util"
+
+import winston from "winston";
+
+let winstonLogger;
+
+function init() {
+  const configPath = join(process.cwd(), "config");
+
+  function combineMessageAndSplat() {
+    return {
+      // eslint-disable-next-line no-unused-vars
+      transform: (info, opts) => {
+        // combine message and args if any
+        // eslint-disable-next-line no-param-reassign
+        info.message =  utilFormat(info.message, ...info[Symbol.for('splat')]  ||  []);
+        return info;
+      }
+    }
+  }
+
+  function messageFormatter(logInfo) {
+    if (logInfo.label) {
+      if (logInfo.stack) {
+        return `[${logInfo.timestamp}] ${logInfo.level}: <${logInfo.label}> ${logInfo.stack}`;
+      }
+      return `[${logInfo.timestamp}] ${logInfo.level}: <${logInfo.label}> ${logInfo.message}`;
+    }
+
+    if (logInfo.stack) {
+      return `[${logInfo.timestamp}] ${logInfo.level}: ${logInfo.stack}`;
+    }
+    return `[${logInfo.timestamp}] ${logInfo.level}: ${logInfo.message}`;
+  };
+
+  winstonLogger = winston.createLogger({
+    level: process.env.LOG_LEVEL || 'info',
+    transports: [
+      new winston.transports.Console({
+        format: winston.format.combine(
+          winston.format.errors({ stack: true}),
+          combineMessageAndSplat(),
+          winston.format.timestamp(),
+          winston.format.colorize(),
+          winston.format.printf(messageFormatter)
+        ),
+        handleExceptions: true,
+        handleRejections: true
+      }),
+
+      new winston.transports.File({
+        format: winston.format.combine(
+          winston.format.errors({ stack: true}),
+          combineMessageAndSplat(),
+          winston.format.timestamp(),
+          winston.format.printf(messageFormatter)
+        ),
+        filename: `${configPath}/logs/homepage.log`,
+        handleExceptions: true,
+        handleRejections: true
+      }),
+    ]
+  });
+
+  // patch the console log mechanism to use our logger
+  const consoleMethods = ['log', 'debug', 'info', 'warn', 'error']
+  consoleMethods.forEach(method => {
+    // workaround for https://github.com/winstonjs/winston/issues/1591
+    switch (method) {
+      case 'log':
+        console[method] = winstonLogger.info.bind(winstonLogger);
+        break;
+      default:
+        console[method] = winstonLogger[method].bind(winstonLogger);
+        break;
+    }
+  })
+}
+
+export default function createLogger(label) {
+  if (!winstonLogger) {
+    init();
+  }
+
+  return winstonLogger.child({ label });
+}
--- a/src/utils/proxies/generic.js
+++ b/src/utils/proxies/generic.js
@@ -1,8 +1,11 @@
 import getServiceWidget from "utils/service-helpers";
 import { formatApiCall } from "utils/api-helpers";
 import { httpProxy } from "utils/http";
+import createLogger from "utils/logger";

-export default async function genericProxyHandler(req, res) {
+const logger = createLogger('genericProxyHandler');
+
+export default async function genericProxyHandler(req, res, maps) {
  const { group, service, endpoint } = req.query;

  if (group && service) {
@@ -10,19 +13,38 @@ export default async function genericProxyHandler(req, res) {

    if (widget) {
      const url = new URL(formatApiCall(widget.type, { endpoint, ...widget }));
+
+      let headers;
+      if (widget.username && widget.password) {
+        headers = {
+          Authorization: `Basic ${Buffer.from(`${widget.username}:${widget.password}`).toString("base64")}`,
+        };
+      }
+
      const [status, contentType, data] = await httpProxy(url, {
        method: req.method,
+        headers,
      });

+      let resultData = data;
+      if ((status === 200) && (maps?.[endpoint])) {
+        resultData = maps[endpoint](data);
+      }
+
      if (contentType) res.setHeader("Content-Type", contentType);

      if (status === 204 || status === 304) {
        return res.status(status).end();
      }

-      return res.status(status).send(data);
+      if (status >= 400) {
+        logger.debug("HTTP Error %d calling %s//%s%s...", status, url.protocol, url.hostname, url.pathname);
+      }
+
+      return res.status(status).send(resultData);
    }
  }

+  logger.debug("Invalid or missing proxy service type '%s' in group '%s'", service, group);
  return res.status(400).json({ error: "Invalid proxy service type" });
 }
--- a/src/utils/proxies/qbittorrent.js
+++ b/src/utils/proxies/qbittorrent.js
@@ -0,0 +1,58 @@
+import { formatApiCall } from "utils/api-helpers";
+import { addCookieToJar, setCookieHeader } from "utils/cookie-jar";
+import { httpProxy } from "utils/http";
+import getServiceWidget from "utils/service-helpers";
+
+async function login(widget, params) {
+  const loginUrl = new URL(`${widget.url}/api/v2/auth/login`);
+  const loginBody = `username=${encodeURI(widget.username)}&password=${encodeURI(widget.password)}`;
+
+  // using fetch intentionally, for login only, as the httpProxy method causes qBittorrent to
+  // complain about header encoding
+  return fetch(loginUrl, {
+    method: "POST",
+    headers: { "Content-Type": "application/x-www-form-urlencoded" },
+    body: loginBody
+  })
+  .then(async response => {
+    addCookieToJar(loginUrl, response.headers);
+    setCookieHeader(loginUrl, params);
+    const data = await response.text();
+    return ([response.status, data]);
+  })
+  .catch(err => ([500, err]));
+}
+
+export default async function qbittorrentProxyHandler(req, res) {
+  const { group, service, endpoint } = req.query;
+
+  if (!group || !service) {
+    return res.status(400).json({ error: "Invalid proxy service type" });
+  }
+
+  const widget = await getServiceWidget(group, service);
+
+  if (!widget) {
+    return res.status(400).json({ error: "Invalid proxy service type" });
+  }
+
+  const url = new URL(formatApiCall(widget.type, { endpoint, ...widget }));
+  const params = { method: "GET", headers: {} };
+  setCookieHeader(url, params);
+
+  if (!params.headers.Cookie) {
+    const [status, data] = await login(widget, params);
+
+    if (status !== 200) {
+      return res.status(status).end(data);
+    }
+    if (data.toString() !== 'Ok.') {
+      return res.status(401).end(data);
+    }
+  }
+
+  const [status, contentType, data] = await httpProxy(url, params);
+
+  if (contentType) res.setHeader("Content-Type", contentType);
+  return res.status(status).send(data);
+}
--- a/src/utils/settings-context.jsx
+++ b/src/utils/settings-context.jsx
@@ -0,0 +1,15 @@
+import { createContext, useState, useMemo } from "react";
+
+export const SettingsContext = createContext();
+
+export function SettingsProvider({ initialSettings, children }) {
+  const [settings, setSettings] = useState({});
+
+  if (initialSettings) {
+    setSettings(initialSettings);
+  }
+
+  const value = useMemo(() => ({ settings, setSettings }), [settings]);
+
+  return <SettingsContext.Provider value={value}>{children}</SettingsContext.Provider>;
+}
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,4 +1,7 @@
 /** @type {import('tailwindcss').Config} */
+const tailwindForms = require("@tailwindcss/forms");
+const tailwindScrollbars = require("tailwind-scrollbar");
+
 module.exports = {
  darkMode: "class",
  content: ["./src/pages/**/*.{js,ts,jsx,tsx}", "./src/components/**/*.{js,ts,jsx,tsx}"],
@@ -6,19 +9,19 @@ module.exports = {
    extend: {
      colors: {
        theme: {
-          ["50"]: "rgb(var(--color-50) / <alpha-value>)",
-          ["100"]: "rgb(var(--color-100) / <alpha-value>)",
-          ["200"]: "rgb(var(--color-200) / <alpha-value>)",
-          ["300"]: "rgb(var(--color-300) / <alpha-value>)",
-          ["400"]: "rgb(var(--color-400) / <alpha-value>)",
-          ["500"]: "rgb(var(--color-500) / <alpha-value>)",
-          ["600"]: "rgb(var(--color-600) / <alpha-value>)",
-          ["700"]: "rgb(var(--color-700) / <alpha-value>)",
-          ["800"]: "rgb(var(--color-800) / <alpha-value>)",
-          ["900"]: "rgb(var(--color-900) / <alpha-value>)",
+          50: "rgb(var(--color-50) / <alpha-value>)",
+          100: "rgb(var(--color-100) / <alpha-value>)",
+          200: "rgb(var(--color-200) / <alpha-value>)",
+          300: "rgb(var(--color-300) / <alpha-value>)",
+          400: "rgb(var(--color-400) / <alpha-value>)",
+          500: "rgb(var(--color-500) / <alpha-value>)",
+          600: "rgb(var(--color-600) / <alpha-value>)",
+          700: "rgb(var(--color-700) / <alpha-value>)",
+          800: "rgb(var(--color-800) / <alpha-value>)",
+          900: "rgb(var(--color-900) / <alpha-value>)",
        },
      },
    },
  },
-  plugins: [require("@tailwindcss/forms")],
+  plugins: [tailwindForms, tailwindScrollbars],
 };