From a23ea657b4596bdc35172b1c07b4dbd111df5b73 Mon Sep 17 00:00:00 2001
From: francyfox <7info7web@gmail.com>
Date: Wed, 18 Mar 2026 16:10:22 +0500
Subject: [PATCH 01/13] fix: change to local font from fontsource

---
 src/styles.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/styles.scss b/src/styles.scss
index 92b4f76..fb52b52 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -5,6 +5,16 @@
 
 /* Importing dependencies */
 @use "sass:color";
+@import "@fontsource/lora/400.css";
+@import "@fontsource/lora/500.css";
+@import "@fontsource/lora/600.css";
+@import "@fontsource/lora/700.css";
+@import "@fontsource/lora/400-italic.css";
+@import "@fontsource/nunito/300.css";
+@import "@fontsource/nunito/400.css";
+@import "@fontsource/nunito/500.css";
+@import "@fontsource/nunito/600.css";
+@import "@fontsource/nunito/700.css";
 @import "bootstrap/scss/bootstrap";
 @import "bootstrap-icons/font/bootstrap-icons.css";
 @import "_colors";

From 9b1dfb404099969a065dad6cb2a3d64dc24d0fbf Mon Sep 17 00:00:00 2001
From: francyfox <7info7web@gmail.com>
Date: Wed, 18 Mar 2026 16:10:57 +0500
Subject: [PATCH 02/13] feat: add ipx and replace img paths

---
 package-lock.json                             | 1447 +++++++++++++++--
 package.json                                  |    3 +
 .../components/navbar/navbar.component.html   |    2 +-
 .../companies-page.component.html             |    2 +-
 .../company-page/company-page.component.html  |    4 +-
 .../recent-reviews-page.component.html        |    2 +-
 .../about-us/about-us.component.html          |    6 +-
 .../components/about-us/about-us.component.ts |   16 +-
 .../design-system.component.html              |    2 +-
 .../error-page-component.component.html       |    2 +-
 .../home/components/home/home.component.html  |   32 +-
 .../home/components/home/home.component.ts    |    4 +-
 .../telegram-bot/telegram-bot.component.html  |   12 +-
 .../interviews-home.component.html            |    2 +-
 .../interviews-home.component.ts              |    8 +-
 .../salary-block-value.component.html         |    2 +-
 .../loading-spinner.component.ts              |    2 +-
 .../wednesday-frog.component.ts               |   16 +-
 src/environments/environment.local.ts         |    2 +-
 src/index.html                                |    7 -
 src/server.ts                                 |   14 +-
 src/server/middleware/ipx.ts                  |   23 +
 tsconfig.json                                 |    1 +
 23 files changed, 1442 insertions(+), 169 deletions(-)
 create mode 100644 src/server/middleware/ipx.ts

diff --git a/package-lock.json b/package-lock.json
index d5df183..c032d94 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,6 +18,8 @@
         "@angular/platform-server": "20.3.13",
         "@angular/router": "20.3.13",
         "@angular/ssr": "20.3.13",
+        "@fontsource/lora": "^5.2.8",
+        "@fontsource/nunito": "^5.2.7",
         "@ng-select/ng-select": "^20.0.1",
         "@popperjs/core": "^2.11.8",
         "@sgratzl/chartjs-chart-boxplot": "^4.4.4",
@@ -29,6 +31,7 @@
         "d3-selection": "3.0.0",
         "express": "^5.1.0",
         "husky": "^7.0.4",
+        "ipx": "^3.1.1",
         "karma-spec-reporter": "^0.0.36",
         "marked": "^16.0.0",
         "ngx-cookie-service": "^20.1.1",
@@ -437,7 +440,6 @@
       "integrity": "sha512-CVskZnF38IIxVVlKWi1VCz7YH/gHMJu2IY9bD1AVoBBGIe0xA4FRXJkW2Y+EDs9vQqZTkZZljhK5gL65Ro1PeQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@angular-eslint/bundled-angular-compiler": "20.7.0",
         "eslint-scope": "^9.0.0"
@@ -465,7 +467,6 @@
     "node_modules/@angular/animations": {
       "version": "20.3.13",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -639,7 +640,6 @@
     "node_modules/@angular/common": {
       "version": "20.3.13",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -654,7 +654,6 @@
     "node_modules/@angular/compiler": {
       "version": "20.3.13",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -666,7 +665,6 @@
       "version": "20.3.13",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/core": "7.28.3",
         "@jridgewell/sourcemap-codec": "^1.4.14",
@@ -697,7 +695,6 @@
     "node_modules/@angular/core": {
       "version": "20.3.13",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -721,7 +718,6 @@
     "node_modules/@angular/forms": {
       "version": "20.3.13",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -738,7 +734,6 @@
     "node_modules/@angular/platform-browser": {
       "version": "20.3.13",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -777,7 +772,6 @@
       "resolved": "https://registry.npmjs.org/@angular/platform-server/-/platform-server-20.3.13.tgz",
       "integrity": "sha512-UgQai/joWQi9/tByVtHmAgJCK8JYChMxNt+md6Q2leRX8Q9EGGVwAnkGu1I+XCDZtDvc8/2cZNwWR9NehQmQCg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "tslib": "^2.3.0",
         "xhr2": "^0.2.0"
@@ -796,7 +790,6 @@
     "node_modules/@angular/router": {
       "version": "20.3.13",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -815,7 +808,6 @@
       "resolved": "https://registry.npmjs.org/@angular/ssr/-/ssr-20.3.13.tgz",
       "integrity": "sha512-ef3yQG9wVIYzHXKNqAXAgI9YBJ5r4F8KbDtNMA6TDDxuAtTdoXYT1kmlgj5OcTVDDXGNFb12ZALRjB7yKu+zSw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -875,7 +867,6 @@
       "integrity": "sha512-yDBHV9kQNcr2/sUr9jghVyz9C3Y5G2zUM2H2lo+9mKv4sFgbA8s8Z9t8D1jiTkGoO/NoIfKMyKWr4s6CN23ZwQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.27.1",
@@ -1221,6 +1212,16 @@
         "node": ">=10.0.0"
       }
     },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.9.0.tgz",
+      "integrity": "sha512-QN75eB0IH2ywSpRpNddCRfQIhmJYBCJ1x5Lb3IscKAL8bMnVAKnRg8dCoXbHzVLLH7P38N2Z3mtulB7W0J0FKw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
     "node_modules/@esbuild/aix-ppc64": {
       "version": "0.25.9",
       "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.9.tgz",
@@ -1784,6 +1785,40 @@
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
     },
+    "node_modules/@fastify/accept-negotiator": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@fastify/accept-negotiator/-/accept-negotiator-2.0.1.tgz",
+      "integrity": "sha512-/c/TW2bO/v9JeEgoD/g1G5GxGeCF1Hafdf79WPmUlgYiBXummY0oX3VVq4yFkKKVBKDNlaDUYoab7g38RpPqCQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/@fontsource/lora": {
+      "version": "5.2.8",
+      "resolved": "https://registry.npmjs.org/@fontsource/lora/-/lora-5.2.8.tgz",
+      "integrity": "sha512-AQlfsHw4TP1x/eb2IZ6VjQ70ctKa39m9JN9A4zlvDOeKYLrCs+GaYIEQ86Y6YfSPGHn01bErXkRcyktOW0LOPQ==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
+    "node_modules/@fontsource/nunito": {
+      "version": "5.2.7",
+      "resolved": "https://registry.npmjs.org/@fontsource/nunito/-/nunito-5.2.7.tgz",
+      "integrity": "sha512-pmtBq0H9ex9nk+RtJYEJOD9pag393iHETnl/PVKleF4i06cd0ttngK5ZCTgYb5eOqR3Xdlrjtev8m7bmgYprew==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
     "node_modules/@humanwhocodes/config-array": {
       "version": "0.13.0",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.13.0.tgz",
@@ -1853,16 +1888,481 @@
       "license": "MIT",
       "optional": true
     },
-    "node_modules/@iconify/utils": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@iconify/utils/-/utils-3.1.0.tgz",
-      "integrity": "sha512-Zlzem1ZXhI1iHeeERabLNzBHdOa4VhQbqAcOQaMKuTuyZCpwKbC2R4Dd0Zo3g9EAc+Y4fiarO8HIHRAth7+skw==",
-      "license": "MIT",
+    "node_modules/@iconify/utils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@iconify/utils/-/utils-3.1.0.tgz",
+      "integrity": "sha512-Zlzem1ZXhI1iHeeERabLNzBHdOa4VhQbqAcOQaMKuTuyZCpwKbC2R4Dd0Zo3g9EAc+Y4fiarO8HIHRAth7+skw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@antfu/install-pkg": "^1.1.0",
+        "@iconify/types": "^2.0.0",
+        "mlly": "^1.8.0"
+      }
+    },
+    "node_modules/@img/colour": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.1.0.tgz",
+      "integrity": "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.5.tgz",
+      "integrity": "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.5.tgz",
+      "integrity": "sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.4.tgz",
+      "integrity": "sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.4.tgz",
+      "integrity": "sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.4.tgz",
+      "integrity": "sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.4.tgz",
+      "integrity": "sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-ppc64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.4.tgz",
+      "integrity": "sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-riscv64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.2.4.tgz",
+      "integrity": "sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.4.tgz",
+      "integrity": "sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.4.tgz",
+      "integrity": "sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.4.tgz",
+      "integrity": "sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.4.tgz",
+      "integrity": "sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.5.tgz",
+      "integrity": "sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.5.tgz",
+      "integrity": "sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-ppc64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.5.tgz",
+      "integrity": "sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-ppc64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-riscv64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.34.5.tgz",
+      "integrity": "sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-riscv64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.5.tgz",
+      "integrity": "sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.5.tgz",
+      "integrity": "sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.5.tgz",
+      "integrity": "sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.5.tgz",
+      "integrity": "sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.5.tgz",
+      "integrity": "sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.7.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.5.tgz",
+      "integrity": "sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.5.tgz",
+      "integrity": "sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.5.tgz",
+      "integrity": "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
       "optional": true,
-      "dependencies": {
-        "@antfu/install-pkg": "^1.1.0",
-        "@iconify/types": "^2.0.0",
-        "mlly": "^1.8.0"
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
       }
     },
     "node_modules/@inquirer/ansi": {
@@ -2101,7 +2601,6 @@
       "integrity": "sha512-nqhDw2ZcAUrKNPwhjinJny903bRhI0rQhiDz1LksjeRxqa36i3l75+4iXbOy0rlDpLJGxqtgoPavQjmmyS5UJw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@inquirer/checkbox": "^4.2.1",
         "@inquirer/confirm": "^5.1.14",
@@ -3385,10 +3884,8 @@
       "version": "2.5.1",
       "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz",
       "integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==",
-      "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
-      "optional": true,
       "dependencies": {
         "detect-libc": "^1.0.3",
         "is-glob": "^4.0.3",
@@ -3425,7 +3922,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3446,7 +3942,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3467,7 +3962,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3488,7 +3982,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3509,7 +4002,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3530,7 +4022,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3551,7 +4042,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3572,7 +4062,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3593,7 +4082,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3614,7 +4102,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3628,6 +4115,32 @@
         "url": "https://opencollective.com/parcel"
       }
     },
+    "node_modules/@parcel/watcher-wasm": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-wasm/-/watcher-wasm-2.5.6.tgz",
+      "integrity": "sha512-byAiBZ1t3tXQvc8dMD/eoyE7lTXYorhn+6uVW5AC+JGI1KtJC/LvDche5cfUE+qiefH+Ybq0bUCJU0aB1cSHUA==",
+      "bundleDependencies": [
+        "napi-wasm"
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "is-glob": "^4.0.3",
+        "napi-wasm": "^1.1.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-wasm/node_modules/napi-wasm": {
+      "version": "1.1.0",
+      "inBundle": true,
+      "license": "MIT"
+    },
     "node_modules/@parcel/watcher-win32-arm64": {
       "version": "2.5.1",
       "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz",
@@ -3635,7 +4148,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3656,7 +4168,6 @@
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3677,7 +4188,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3695,9 +4205,7 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
       "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
-      "dev": true,
       "license": "Apache-2.0",
-      "optional": true,
       "bin": {
         "detect-libc": "bin/detect-libc.js"
       },
@@ -3709,9 +4217,7 @@
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
       "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true
+      "license": "MIT"
     },
     "node_modules/@pkgjs/parseargs": {
       "version": "0.11.0",
@@ -3749,7 +4255,6 @@
       "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
       "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
       "license": "MIT",
-      "peer": true,
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/popperjs"
@@ -4883,7 +5388,6 @@
       "integrity": "sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==",
       "dev": true,
       "license": "BSD-2-Clause",
-      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "6.21.0",
         "@typescript-eslint/types": "6.21.0",
@@ -5079,7 +5583,6 @@
       "integrity": "sha512-LWQV1V4q9V4cT4H5JCIx3481iIFxH1UkVk+ZkGGAV1ZGcjGI9IoFOfg3O6ywz8QqCDEp7Inlg6kovMofsNRaGg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
@@ -5150,7 +5653,6 @@
       "integrity": "sha512-wYndVMWkweqHpEpwPhwqE2lnD2DxC6WVLupU/DOt/0/v+/+iQbbzO3jOHjmBMnhu0DgLULvOaU4h4pwHYi2oRQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.9.1",
         "@typescript-eslint/scope-manager": "8.52.0",
@@ -5363,9 +5865,7 @@
       "version": "8.15.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
-      "devOptional": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -5782,7 +6282,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
       "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
-      "dev": true,
       "license": "ISC"
     },
     "node_modules/bootstrap": {
@@ -5862,7 +6361,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.9.0",
         "caniuse-lite": "^1.0.30001759",
@@ -6095,7 +6593,6 @@
       "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.5.1.tgz",
       "integrity": "sha512-GIjfiT9dbmHRiYi6Nl2yFCq7kkwdkp1W/lp2J99rX0yo9tgJGn3lKQATztIjb5tVtevcBtIdICNWqlq5+E8/Pw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@kurkle/color": "^0.3.0"
       },
@@ -6184,6 +6681,15 @@
         "url": "https://github.com/sponsors/colinhacks"
       }
     },
+    "node_modules/citty": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/citty/-/citty-0.1.6.tgz",
+      "integrity": "sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==",
+      "license": "MIT",
+      "dependencies": {
+        "consola": "^3.2.3"
+      }
+    },
     "node_modules/cli-cursor": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-5.0.0.tgz",
@@ -6252,6 +6758,23 @@
         "tiny-emitter": "^2.0.0"
       }
     },
+    "node_modules/clipboardy": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/clipboardy/-/clipboardy-4.0.0.tgz",
+      "integrity": "sha512-5mOlNS0mhX0707P2I0aZ2V/cmHUEO/fL7VFLqszkhUsxt7RwnmrInf/eEQKlf5GzvYeHIjT+Ov1HRfNmymlG0w==",
+      "license": "MIT",
+      "dependencies": {
+        "execa": "^8.0.1",
+        "is-wsl": "^3.1.0",
+        "is64bit": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/cliui": {
       "version": "9.0.1",
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-9.0.1.tgz",
@@ -6435,8 +6958,7 @@
       "version": "0.1.8",
       "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.1.8.tgz",
       "integrity": "sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==",
-      "license": "MIT",
-      "optional": true
+      "license": "MIT"
     },
     "node_modules/connect": {
       "version": "3.7.0",
@@ -6516,6 +7038,15 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/consola": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/consola/-/consola-3.4.2.tgz",
+      "integrity": "sha512-5IKcdX0nnYavi6G7TtOhwkYzyjfJlatbjMjuLSfE2kYT5pMDOilZ4OvMhi637CcDICTmz3wARPoyhqyX1Y+XvA==",
+      "license": "MIT",
+      "engines": {
+        "node": "^14.18.0 || >=16.10.0"
+      }
+    },
     "node_modules/content-disposition": {
       "version": "1.0.1",
       "license": "MIT",
@@ -6552,6 +7083,12 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/cookie-es": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/cookie-es/-/cookie-es-1.2.2.tgz",
+      "integrity": "sha512-+W7VmiVINB+ywl1HGXJXmrqkOhpKrIiVZV6tQuV54ZyQC7MMuBt81Vc336GMLoHBq5hV/F9eXgt5Mnx0Rha5Fg==",
+      "license": "MIT"
+    },
     "node_modules/cookie-signature": {
       "version": "1.2.2",
       "license": "MIT",
@@ -6612,7 +7149,6 @@
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
       "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "path-key": "^3.1.0",
@@ -6623,6 +7159,15 @@
         "node": ">= 8"
       }
     },
+    "node_modules/crossws": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/crossws/-/crossws-0.3.5.tgz",
+      "integrity": "sha512-ojKiDvcmByhwa8YYqbQI/hg7MEU0NC03+pSdEq4ZUnZR9xXpwk7E43SMNGkn+JxJGPFtNvQ48+vV2p+P1ml5PA==",
+      "license": "MIT",
+      "dependencies": {
+        "uncrypto": "^0.1.3"
+      }
+    },
     "node_modules/css-select": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/css-select/-/css-select-6.0.0.tgz",
@@ -6640,6 +7185,19 @@
         "url": "https://github.com/sponsors/fb55"
       }
     },
+    "node_modules/css-tree": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-3.2.1.tgz",
+      "integrity": "sha512-X7sjQzceUhu1u7Y/ylrRZFU2FS6LRiFVp6rKLPg23y3x3c3DOKAwuXGDp+PAGjh6CSnCjYeAul8pcT8bAl+lSA==",
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.27.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+      }
+    },
     "node_modules/css-what": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/css-what/-/css-what-7.0.0.tgz",
@@ -6653,6 +7211,45 @@
         "url": "https://github.com/sponsors/fb55"
       }
     },
+    "node_modules/cssfilter": {
+      "version": "0.0.10",
+      "resolved": "https://registry.npmjs.org/cssfilter/-/cssfilter-0.0.10.tgz",
+      "integrity": "sha512-FAaLDaplstoRsDR8XGYH51znUN0UY7nMc6Z9/fvE8EXGwvJE9hu7W2vHwx1+bd6gCYnln9nLbzxFTrcO9YQDZw==",
+      "license": "MIT"
+    },
+    "node_modules/csso": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/csso/-/csso-5.0.5.tgz",
+      "integrity": "sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==",
+      "license": "MIT",
+      "dependencies": {
+        "css-tree": "~2.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
+        "npm": ">=7.0.0"
+      }
+    },
+    "node_modules/csso/node_modules/css-tree": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.2.1.tgz",
+      "integrity": "sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==",
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.0.28",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
+        "npm": ">=7.0.0"
+      }
+    },
+    "node_modules/csso/node_modules/mdn-data": {
+      "version": "2.0.28",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz",
+      "integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==",
+      "license": "CC0-1.0"
+    },
     "node_modules/custom-event": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/custom-event/-/custom-event-1.0.1.tgz",
@@ -6664,7 +7261,6 @@
       "resolved": "https://registry.npmjs.org/cytoscape/-/cytoscape-3.33.1.tgz",
       "integrity": "sha512-iJc4TwyANnOGR1OmWhsS9ayRS3s+XQ185FmuHObThD+5AeJCakAAbWv8KimMTt08xCCLNgneQwFp+JRJOr9qGQ==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=0.10"
       }
@@ -7121,7 +7717,6 @@
       "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
       "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
       "license": "ISC",
-      "peer": true,
       "engines": {
         "node": ">=12"
       }
@@ -7279,6 +7874,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/defu": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.4.tgz",
+      "integrity": "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==",
+      "license": "MIT"
+    },
     "node_modules/degenerator": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/degenerator/-/degenerator-5.0.1.tgz",
@@ -7319,6 +7920,12 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/destr": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/destr/-/destr-2.0.5.tgz",
+      "integrity": "sha512-ugFTXCtDZunbzasqBxrK93Ik/DRYsO6S/fedkWEMKqt04xZ4csmnmwGDBAb07QWNaGMAmnTIemsYZCksjATwsA==",
+      "license": "MIT"
+    },
     "node_modules/destroy": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
@@ -7333,9 +7940,7 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
       "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
-      "dev": true,
       "license": "Apache-2.0",
-      "optional": true,
       "engines": {
         "node": ">=8"
       }
@@ -7344,8 +7949,7 @@
       "version": "0.0.1534754",
       "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1534754.tgz",
       "integrity": "sha512-26T91cV5dbOYnXdJi5qQHoTtUoNEqwkHcAyu/IKtjIAxiEqPMrDiRkDOPWVsGfNZGmlQVHQbZRSjD8sxagWVsQ==",
-      "license": "BSD-3-Clause",
-      "peer": true
+      "license": "BSD-3-Clause"
     },
     "node_modules/di": {
       "version": "0.0.1",
@@ -7395,7 +7999,6 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
       "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "domelementtype": "^2.3.0",
@@ -7410,7 +8013,6 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
       "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -7423,7 +8025,6 @@
       "version": "5.0.3",
       "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
       "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
-      "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
         "domelementtype": "^2.3.0"
@@ -7449,7 +8050,6 @@
       "version": "3.2.2",
       "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz",
       "integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==",
-      "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
         "dom-serializer": "^2.0.0",
@@ -7586,7 +8186,6 @@
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
       "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-      "dev": true,
       "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.12"
@@ -7771,7 +8370,6 @@
       "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
@@ -8049,6 +8647,56 @@
         "node": ">=18.0.0"
       }
     },
+    "node_modules/execa": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-8.0.1.tgz",
+      "integrity": "sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==",
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn": "^7.0.3",
+        "get-stream": "^8.0.1",
+        "human-signals": "^5.0.0",
+        "is-stream": "^3.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^5.1.0",
+        "onetime": "^6.0.0",
+        "signal-exit": "^4.1.0",
+        "strip-final-newline": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=16.17"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
+    "node_modules/execa/node_modules/get-stream": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-8.0.1.tgz",
+      "integrity": "sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/execa/node_modules/onetime": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-6.0.0.tgz",
+      "integrity": "sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==",
+      "license": "MIT",
+      "dependencies": {
+        "mimic-fn": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/exponential-backoff": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/exponential-backoff/-/exponential-backoff-3.1.3.tgz",
@@ -8059,7 +8707,6 @@
     "node_modules/express": {
       "version": "5.1.0",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "accepts": "^2.0.0",
         "body-parser": "^2.2.0",
@@ -8493,6 +9140,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/get-port-please": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/get-port-please/-/get-port-please-3.2.0.tgz",
+      "integrity": "sha512-I9QVvBw5U/hw3RmWpYKRumUeaDgxTPd401x364rLmWBJcOQ753eov1eTgzDqRG9bqFIfDc7gfzcQEWrUri3o1A==",
+      "license": "MIT"
+    },
     "node_modules/get-proto": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
@@ -8696,6 +9349,23 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/h3": {
+      "version": "1.15.8",
+      "resolved": "https://registry.npmjs.org/h3/-/h3-1.15.8.tgz",
+      "integrity": "sha512-iOH6Vl8mGd9nNfu9C0IZ+GuOAfJHcyf3VriQxWaSWIB76Fg4BnFuk4cxBxjmQSSxJS664+pgjP6e7VBnUzFfcg==",
+      "license": "MIT",
+      "dependencies": {
+        "cookie-es": "^1.2.2",
+        "crossws": "^0.3.5",
+        "defu": "^6.1.4",
+        "destr": "^2.0.5",
+        "iron-webcrypto": "^1.2.1",
+        "node-mock-http": "^1.0.4",
+        "radix3": "^1.1.2",
+        "ufo": "^1.6.3",
+        "uncrypto": "^0.1.3"
+      }
+    },
     "node_modules/hachure-fill": {
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/hachure-fill/-/hachure-fill-0.5.2.tgz",
@@ -8869,6 +9539,16 @@
         "node": ">= 14"
       }
     },
+    "node_modules/http-shutdown": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/http-shutdown/-/http-shutdown-1.2.2.tgz",
+      "integrity": "sha512-S9wWkJ/VSY9/k4qcjG318bqJNruzE4HySUhFYknwmu6LBP97KLLfwNf+n4V1BHurvFNkSKLFnK/RsuUnRTf9Vw==",
+      "license": "MIT",
+      "engines": {
+        "iojs": ">= 1.0.0",
+        "node": ">= 0.12.0"
+      }
+    },
     "node_modules/https-proxy-agent": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
@@ -8882,6 +9562,15 @@
         "node": ">= 14"
       }
     },
+    "node_modules/human-signals": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-5.0.0.tgz",
+      "integrity": "sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=16.17.0"
+      }
+    },
     "node_modules/husky": {
       "version": "7.0.4",
       "resolved": "https://registry.npmjs.org/husky/-/husky-7.0.4.tgz",
@@ -8952,6 +9641,12 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/image-meta": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/image-meta/-/image-meta-0.2.2.tgz",
+      "integrity": "sha512-3MOLanc3sb3LNGWQl1RlQlNWURE5g32aUphrDyFeCsxBTk08iE3VNe4CwsUZ0Qs1X+EfX0+r29Sxdpza4B+yRA==",
+      "license": "MIT"
+    },
     "node_modules/immutable": {
       "version": "5.1.4",
       "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.4.tgz",
@@ -9040,6 +9735,42 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/ipx": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/ipx/-/ipx-3.1.1.tgz",
+      "integrity": "sha512-7Xnt54Dco7uYkfdAw0r2vCly3z0rSaVhEXMzPvl3FndsTVm5p26j+PO+gyinkYmcsEUvX2Rh7OGK7KzYWRu6BA==",
+      "license": "MIT",
+      "dependencies": {
+        "@fastify/accept-negotiator": "^2.0.1",
+        "citty": "^0.1.6",
+        "consola": "^3.4.2",
+        "defu": "^6.1.4",
+        "destr": "^2.0.5",
+        "etag": "^1.8.1",
+        "h3": "^1.15.3",
+        "image-meta": "^0.2.1",
+        "listhen": "^1.9.0",
+        "ofetch": "^1.4.1",
+        "pathe": "^2.0.3",
+        "sharp": "^0.34.3",
+        "svgo": "^4.0.0",
+        "ufo": "^1.6.1",
+        "unstorage": "^1.16.1",
+        "xss": "^1.0.15"
+      },
+      "bin": {
+        "ipx": "bin/ipx.mjs"
+      }
+    },
+    "node_modules/iron-webcrypto": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/iron-webcrypto/-/iron-webcrypto-1.2.1.tgz",
+      "integrity": "sha512-feOM6FaSr6rEABp/eDfVseKyTMDt+KGpeB35SkVn9Tyn0CqvVsY3EwI0v5i8nMHyJnzCIQf7nsy3p41TPkJZhg==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/brc-dd"
+      }
+    },
     "node_modules/is-arrayish": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
@@ -9074,6 +9805,21 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-docker": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-3.0.0.tgz",
+      "integrity": "sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==",
+      "license": "MIT",
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
@@ -9108,6 +9854,24 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-inside-container": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-inside-container/-/is-inside-container-1.0.0.tgz",
+      "integrity": "sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==",
+      "license": "MIT",
+      "dependencies": {
+        "is-docker": "^3.0.0"
+      },
+      "bin": {
+        "is-inside-container": "cli.js"
+      },
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-interactive": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-2.0.0.tgz",
@@ -9164,6 +9928,18 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-stream": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-3.0.0.tgz",
+      "integrity": "sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-unicode-supported": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-2.1.0.tgz",
@@ -9177,6 +9953,36 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/is-wsl": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-3.1.1.tgz",
+      "integrity": "sha512-e6rvdUCiQCAuumZslxRJWR/Doq4VpPR82kqclvcS0efgt430SlGIk05vdCN58+VrzgtIcfNODjozVielycD4Sw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-inside-container": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is64bit": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is64bit/-/is64bit-2.0.0.tgz",
+      "integrity": "sha512-jv+8jaWCl0g2lSBkNSVXdzfBA0npK1HGC2KtWM9FumFRoGS94g3NbCCLVnCYHLjp4GrW2KZeeSTMo5ddtznmGw==",
+      "license": "MIT",
+      "dependencies": {
+        "system-architecture": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/isbinaryfile": {
       "version": "4.0.10",
       "resolved": "https://registry.npmjs.org/isbinaryfile/-/isbinaryfile-4.0.10.tgz",
@@ -9193,7 +9999,6 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-      "dev": true,
       "license": "ISC"
     },
     "node_modules/istanbul-lib-coverage": {
@@ -9298,8 +10103,16 @@
       "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-5.1.2.tgz",
       "integrity": "sha512-2oIUMGn00FdUiqz6epiiJr7xcFyNYj3rDcfmnzfkBnHyBQ3cBQUs4mmyGsOb7TTLb9kxk7dBcmEmqhDKkBoDyA==",
       "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jiti": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
+      "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
       "license": "MIT",
-      "peer": true
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
     },
     "node_modules/js-tokens": {
       "version": "4.0.0",
@@ -9407,7 +10220,6 @@
       "resolved": "https://registry.npmjs.org/karma/-/karma-6.4.4.tgz",
       "integrity": "sha512-LrtUxbdvt1gOpo3gxG+VAJlJAEMhbWlM4YrFQgql98FwF7+K8K12LYO4hnDdUkNjeztYrOXEMqgTajSWgmtI/w==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@colors/colors": "1.5.0",
         "body-parser": "^1.19.0",
@@ -9957,13 +10769,48 @@
       "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
       "license": "MIT"
     },
+    "node_modules/listhen": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/listhen/-/listhen-1.9.0.tgz",
+      "integrity": "sha512-I8oW2+QL5KJo8zXNWX046M134WchxsXC7SawLPvRQpogCbkyQIaFxPE89A2HiwR7vAK2Dm2ERBAmyjTYGYEpBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@parcel/watcher": "^2.4.1",
+        "@parcel/watcher-wasm": "^2.4.1",
+        "citty": "^0.1.6",
+        "clipboardy": "^4.0.0",
+        "consola": "^3.2.3",
+        "crossws": ">=0.2.0 <0.4.0",
+        "defu": "^6.1.4",
+        "get-port-please": "^3.1.2",
+        "h3": "^1.12.0",
+        "http-shutdown": "^1.2.2",
+        "jiti": "^2.1.2",
+        "mlly": "^1.7.1",
+        "node-forge": "^1.3.1",
+        "pathe": "^1.1.2",
+        "std-env": "^3.7.0",
+        "ufo": "^1.5.4",
+        "untun": "^0.1.3",
+        "uqr": "^0.1.2"
+      },
+      "bin": {
+        "listen": "bin/listhen.mjs",
+        "listhen": "bin/listhen.mjs"
+      }
+    },
+    "node_modules/listhen/node_modules/pathe": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.2.tgz",
+      "integrity": "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==",
+      "license": "MIT"
+    },
     "node_modules/listr2": {
       "version": "9.0.1",
       "resolved": "https://registry.npmjs.org/listr2/-/listr2-9.0.1.tgz",
       "integrity": "sha512-SL0JY3DaxylDuo/MecFeiC+7pedM0zia33zl0vcjgwcq1q1FWWF1To9EIauPbl8GbMCU0R2e0uJ8bZunhYKD2g==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "cli-truncate": "^4.0.0",
         "colorette": "^2.0.20",
@@ -10343,7 +11190,6 @@
       "resolved": "https://registry.npmjs.org/marked/-/marked-16.4.2.tgz",
       "integrity": "sha512-TI3V8YYWvkVf3KJe1dRkpnjs68JUPyEa5vjKrp1XEEJUAOaQc+Qj+L1qWbPd0SJuAdQkFU0h73sXXqwDYxsiDA==",
       "license": "MIT",
-      "peer": true,
       "bin": {
         "marked": "bin/marked.js"
       },
@@ -10360,6 +11206,12 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/mdn-data": {
+      "version": "2.27.1",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.27.1.tgz",
+      "integrity": "sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==",
+      "license": "CC0-1.0"
+    },
     "node_modules/media-typer": {
       "version": "1.1.0",
       "license": "MIT",
@@ -10377,6 +11229,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "license": "MIT"
+    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -10420,7 +11278,6 @@
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
       "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "braces": "^3.0.3",
@@ -10434,7 +11291,6 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8.6"
@@ -10476,6 +11332,18 @@
         "url": "https://opencollective.com/express"
       }
     },
+    "node_modules/mimic-fn": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz",
+      "integrity": "sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/mimic-function": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/mimic-function/-/mimic-function-5.0.1.tgz",
@@ -10690,7 +11558,6 @@
       "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.8.0.tgz",
       "integrity": "sha512-l8D9ODSRWLe2KHJSifWGwBqpTZXIXTeo8mlKjY+E2HAakaTeNpqAyBZ8GSqLzHgw4XmHmC8whvpjJNMbFZN7/g==",
       "license": "MIT",
-      "optional": true,
       "dependencies": {
         "acorn": "^8.15.0",
         "pathe": "^2.0.3",
@@ -10870,6 +11737,21 @@
       "license": "MIT",
       "optional": true
     },
+    "node_modules/node-fetch-native": {
+      "version": "1.6.7",
+      "resolved": "https://registry.npmjs.org/node-fetch-native/-/node-fetch-native-1.6.7.tgz",
+      "integrity": "sha512-g9yhqoedzIUm0nTnTqAQvueMPVOuIY16bqgAJJC8XOOubYFNwz6IER9qs0Gq2Xd0+CecCKFjtdDTMA4u4xG06Q==",
+      "license": "MIT"
+    },
+    "node_modules/node-forge": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.3.tgz",
+      "integrity": "sha512-rLvcdSyRCyouf6jcOIPe/BgwG/d7hKjzMKOas33/pHEr6gbq18IK9zV7DiPvzsz0oBJPme6qr6H6kGZuI9/DZg==",
+      "license": "(BSD-3-Clause OR GPL-2.0)",
+      "engines": {
+        "node": ">= 6.13.0"
+      }
+    },
     "node_modules/node-gyp": {
       "version": "11.5.0",
       "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-11.5.0.tgz",
@@ -10974,6 +11856,12 @@
         "node": ">=18"
       }
     },
+    "node_modules/node-mock-http": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/node-mock-http/-/node-mock-http-1.0.4.tgz",
+      "integrity": "sha512-8DY+kFsDkNXy1sJglUfuODx1/opAGJGyrTuFqEoN90oRc2Vk0ZbD4K2qmKXBBEhZQzdKHIVfEJpDU8Ak2NJEvQ==",
+      "license": "MIT"
+    },
     "node_modules/node-releases": {
       "version": "2.0.27",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
@@ -11190,11 +12078,37 @@
         "node": "^18.17.0 || >=20.5.0"
       }
     },
+    "node_modules/npm-run-path": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.3.0.tgz",
+      "integrity": "sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==",
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^4.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/npm-run-path/node_modules/path-key": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz",
+      "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/nth-check": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
       "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
-      "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
         "boolbase": "^1.0.0"
@@ -11224,6 +12138,17 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/ofetch": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/ofetch/-/ofetch-1.5.1.tgz",
+      "integrity": "sha512-2W4oUZlVaqAPAil6FUg/difl6YhqhUR7x2eZY4bQCko22UXg3hptq9KLQdqFClV+Wu85UX7hNtdGTngi/1BxcA==",
+      "license": "MIT",
+      "dependencies": {
+        "destr": "^2.0.5",
+        "node-fetch-native": "^1.6.7",
+        "ufo": "^1.6.1"
+      }
+    },
     "node_modules/on-finished": {
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
@@ -11673,7 +12598,6 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
       "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
@@ -11732,8 +12656,7 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
       "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
-      "license": "MIT",
-      "optional": true
+      "license": "MIT"
     },
     "node_modules/pend": {
       "version": "1.2.0",
@@ -11751,7 +12674,6 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -11788,7 +12710,6 @@
       "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.3.1.tgz",
       "integrity": "sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==",
       "license": "MIT",
-      "optional": true,
       "dependencies": {
         "confbox": "^0.1.8",
         "mlly": "^1.7.4",
@@ -11864,7 +12785,6 @@
       "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.7.4.tgz",
       "integrity": "sha512-v6UNi1+3hSlVvv8fSaoUbggEM5VErKmmpGA7Pl3HF8V6uKY7rvClBOJlH6yNwQtfTueNkGVpOv/mtWL9L4bgRA==",
       "license": "MIT",
-      "peer": true,
       "bin": {
         "prettier": "bin/prettier.cjs"
       },
@@ -12099,6 +13019,12 @@
       ],
       "license": "MIT"
     },
+    "node_modules/radix3": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/radix3/-/radix3-1.1.2.tgz",
+      "integrity": "sha512-b484I/7b8rDEdSDKckSSBA8knMpcdsXudlE/LNL639wFoHKwLbEkQFZHWEYwDC0wa0FKUcCY+GAF73Z7wxNVFA==",
+      "license": "MIT"
+    },
     "node_modules/range-parser": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
@@ -12373,7 +13299,6 @@
       "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
       "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
       "license": "Apache-2.0",
-      "peer": true,
       "dependencies": {
         "tslib": "^2.1.0"
       }
@@ -12427,7 +13352,6 @@
       "integrity": "sha512-9GUyuksjw70uNpb1MTYWsH9MQHOHY6kwfnkafC24+7aOMZn9+rVMBxRbLvw756mrBFbIsFg6Xw9IkR2Fnn3k+Q==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "chokidar": "^4.0.0",
         "immutable": "^5.0.2",
@@ -12443,6 +13367,15 @@
         "@parcel/watcher": "^2.4.1"
       }
     },
+    "node_modules/sax": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.6.0.tgz",
+      "integrity": "sha512-6R3J5M4AcbtLUdZmRv2SygeVaM7IhrLXu9BmnOGmmACak8fiUtOsYNWUS4uK7upbmHIBbLBeFeI//477BKLBzA==",
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=11.0.0"
+      }
+    },
     "node_modules/select": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/select/-/select-1.1.2.tgz",
@@ -12501,11 +13434,54 @@
       "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
       "license": "ISC"
     },
+    "node_modules/sharp": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz",
+      "integrity": "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@img/colour": "^1.0.0",
+        "detect-libc": "^2.1.2",
+        "semver": "^7.7.3"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.34.5",
+        "@img/sharp-darwin-x64": "0.34.5",
+        "@img/sharp-libvips-darwin-arm64": "1.2.4",
+        "@img/sharp-libvips-darwin-x64": "1.2.4",
+        "@img/sharp-libvips-linux-arm": "1.2.4",
+        "@img/sharp-libvips-linux-arm64": "1.2.4",
+        "@img/sharp-libvips-linux-ppc64": "1.2.4",
+        "@img/sharp-libvips-linux-riscv64": "1.2.4",
+        "@img/sharp-libvips-linux-s390x": "1.2.4",
+        "@img/sharp-libvips-linux-x64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4",
+        "@img/sharp-linux-arm": "0.34.5",
+        "@img/sharp-linux-arm64": "0.34.5",
+        "@img/sharp-linux-ppc64": "0.34.5",
+        "@img/sharp-linux-riscv64": "0.34.5",
+        "@img/sharp-linux-s390x": "0.34.5",
+        "@img/sharp-linux-x64": "0.34.5",
+        "@img/sharp-linuxmusl-arm64": "0.34.5",
+        "@img/sharp-linuxmusl-x64": "0.34.5",
+        "@img/sharp-wasm32": "0.34.5",
+        "@img/sharp-win32-arm64": "0.34.5",
+        "@img/sharp-win32-ia32": "0.34.5",
+        "@img/sharp-win32-x64": "0.34.5"
+      }
+    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
       "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "shebang-regex": "^3.0.0"
@@ -12518,7 +13494,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
       "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
@@ -12600,7 +13575,6 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
       "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-      "dev": true,
       "license": "ISC",
       "engines": {
         "node": ">=14"
@@ -12880,7 +13854,6 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
       "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
-      "dev": true,
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
@@ -12965,6 +13938,12 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/std-env": {
+      "version": "3.10.0",
+      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.10.0.tgz",
+      "integrity": "sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==",
+      "license": "MIT"
+    },
     "node_modules/stdin-discarder": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/stdin-discarder/-/stdin-discarder-0.2.2.tgz",
@@ -13109,6 +14088,18 @@
         "node": ">=8"
       }
     },
+    "node_modules/strip-final-newline": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-3.0.0.tgz",
+      "integrity": "sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/strip-json-comments": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
@@ -13155,6 +14146,80 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/svgo": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-4.0.1.tgz",
+      "integrity": "sha512-XDpWUOPC6FEibaLzjfe0ucaV0YrOjYotGJO1WpF0Zd+n6ZGEQUsSugaoLq9QkEZtAfQIxT42UChcssDVPP3+/w==",
+      "license": "MIT",
+      "dependencies": {
+        "commander": "^11.1.0",
+        "css-select": "^5.1.0",
+        "css-tree": "^3.0.1",
+        "css-what": "^6.1.0",
+        "csso": "^5.0.5",
+        "picocolors": "^1.1.1",
+        "sax": "^1.5.0"
+      },
+      "bin": {
+        "svgo": "bin/svgo.js"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/svgo"
+      }
+    },
+    "node_modules/svgo/node_modules/commander": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-11.1.0.tgz",
+      "integrity": "sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/svgo/node_modules/css-select": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.2.2.tgz",
+      "integrity": "sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.1.0",
+        "domhandler": "^5.0.2",
+        "domutils": "^3.0.1",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/svgo/node_modules/css-what": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.2.2.tgz",
+      "integrity": "sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/system-architecture": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/system-architecture/-/system-architecture-0.1.0.tgz",
+      "integrity": "sha512-ulAk51I9UVUyJgxlv9M6lFot2WP3e7t8Kz9+IS6D4rVba1tR9kON+Ey69f+1R4Q8cd45Lod6a4IcJIxnzGc/zA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/tar": {
       "version": "6.2.1",
       "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz",
@@ -13398,8 +14463,7 @@
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-      "license": "0BSD",
-      "peer": true
+      "license": "0BSD"
     },
     "node_modules/tuf-js": {
       "version": "3.1.0",
@@ -13466,7 +14530,6 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "devOptional": true,
       "license": "Apache-2.0",
-      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -13502,11 +14565,16 @@
       }
     },
     "node_modules/ufo": {
-      "version": "1.6.2",
-      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.6.2.tgz",
-      "integrity": "sha512-heMioaxBcG9+Znsda5Q8sQbWnLJSl98AFDXTO80wELWEzX3hordXsTdxrIfMQoO9IY1MEnoGoPjpoKpMj+Yx0Q==",
-      "license": "MIT",
-      "optional": true
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.6.3.tgz",
+      "integrity": "sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q==",
+      "license": "MIT"
+    },
+    "node_modules/uncrypto": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/uncrypto/-/uncrypto-0.1.3.tgz",
+      "integrity": "sha512-Ql87qFHB3s/De2ClA9e0gsnS6zXG27SkTiSJwjCc9MebbfapQfuPzumMIUMi38ezPZVNFcHI9sUIepeQfw8J8Q==",
+      "license": "MIT"
     },
     "node_modules/undici-types": {
       "version": "6.21.0",
@@ -13558,6 +14626,159 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/unstorage": {
+      "version": "1.17.4",
+      "resolved": "https://registry.npmjs.org/unstorage/-/unstorage-1.17.4.tgz",
+      "integrity": "sha512-fHK0yNg38tBiJKp/Vgsq4j0JEsCmgqH58HAn707S7zGkArbZsVr/CwINoi+nh3h98BRCwKvx1K3Xg9u3VV83sw==",
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "^3.1.3",
+        "chokidar": "^5.0.0",
+        "destr": "^2.0.5",
+        "h3": "^1.15.5",
+        "lru-cache": "^11.2.0",
+        "node-fetch-native": "^1.6.7",
+        "ofetch": "^1.5.1",
+        "ufo": "^1.6.3"
+      },
+      "peerDependencies": {
+        "@azure/app-configuration": "^1.8.0",
+        "@azure/cosmos": "^4.2.0",
+        "@azure/data-tables": "^13.3.0",
+        "@azure/identity": "^4.6.0",
+        "@azure/keyvault-secrets": "^4.9.0",
+        "@azure/storage-blob": "^12.26.0",
+        "@capacitor/preferences": "^6 || ^7 || ^8",
+        "@deno/kv": ">=0.9.0",
+        "@netlify/blobs": "^6.5.0 || ^7.0.0 || ^8.1.0 || ^9.0.0 || ^10.0.0",
+        "@planetscale/database": "^1.19.0",
+        "@upstash/redis": "^1.34.3",
+        "@vercel/blob": ">=0.27.1",
+        "@vercel/functions": "^2.2.12 || ^3.0.0",
+        "@vercel/kv": "^1 || ^2 || ^3",
+        "aws4fetch": "^1.0.20",
+        "db0": ">=0.2.1",
+        "idb-keyval": "^6.2.1",
+        "ioredis": "^5.4.2",
+        "uploadthing": "^7.4.4"
+      },
+      "peerDependenciesMeta": {
+        "@azure/app-configuration": {
+          "optional": true
+        },
+        "@azure/cosmos": {
+          "optional": true
+        },
+        "@azure/data-tables": {
+          "optional": true
+        },
+        "@azure/identity": {
+          "optional": true
+        },
+        "@azure/keyvault-secrets": {
+          "optional": true
+        },
+        "@azure/storage-blob": {
+          "optional": true
+        },
+        "@capacitor/preferences": {
+          "optional": true
+        },
+        "@deno/kv": {
+          "optional": true
+        },
+        "@netlify/blobs": {
+          "optional": true
+        },
+        "@planetscale/database": {
+          "optional": true
+        },
+        "@upstash/redis": {
+          "optional": true
+        },
+        "@vercel/blob": {
+          "optional": true
+        },
+        "@vercel/functions": {
+          "optional": true
+        },
+        "@vercel/kv": {
+          "optional": true
+        },
+        "aws4fetch": {
+          "optional": true
+        },
+        "db0": {
+          "optional": true
+        },
+        "idb-keyval": {
+          "optional": true
+        },
+        "ioredis": {
+          "optional": true
+        },
+        "uploadthing": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/unstorage/node_modules/chokidar": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
+      "integrity": "sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==",
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 20.19.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/unstorage/node_modules/lru-cache": {
+      "version": "11.2.7",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.7.tgz",
+      "integrity": "sha512-aY/R+aEsRelme17KGQa/1ZSIpLpNYYrhcrepKTZgE+W3WM16YMCaPwOHLHsmopZHELU0Ojin1lPVxKR0MihncA==",
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/unstorage/node_modules/readdirp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.0.0.tgz",
+      "integrity": "sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20.19.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/untun": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/untun/-/untun-0.1.3.tgz",
+      "integrity": "sha512-4luGP9LMYszMRZwsvyUd9MrxgEGZdZuZgpVQHEEX0lCYFESasVRvZd0EYpCkOIbJKHMuv0LskpXc/8Un+MJzEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "citty": "^0.1.5",
+        "consola": "^3.2.3",
+        "pathe": "^1.1.1"
+      },
+      "bin": {
+        "untun": "bin/untun.mjs"
+      }
+    },
+    "node_modules/untun/node_modules/pathe": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.2.tgz",
+      "integrity": "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==",
+      "license": "MIT"
+    },
     "node_modules/update-browserslist-db": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
@@ -13589,6 +14810,12 @@
         "browserslist": ">= 4.21.0"
       }
     },
+    "node_modules/uqr": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/uqr/-/uqr-0.1.2.tgz",
+      "integrity": "sha512-MJu7ypHq6QasgF5YRTjqscSzQp/W11zoUk6kvmlH+fmWEs63Y0Eib13hYFwAzagRJcVY8WVnlV+eBDUGMJ5IbA==",
+      "license": "MIT"
+    },
     "node_modules/uri-js": {
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
@@ -13668,7 +14895,6 @@
       "integrity": "sha512-uzcxnSDVjAopEUjljkWh8EIrg6tlzrjFUfMcR1EVsRDGwf/ccef0qQPRyOrROwhrTDaApueq+ja+KLPlzR/zdg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "esbuild": "^0.25.0",
         "fdir": "^6.5.0",
@@ -13910,7 +15136,6 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
       "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
       "license": "ISC",
       "dependencies": {
         "isexe": "^2.0.0"
@@ -14064,6 +15289,28 @@
         "node": ">= 6"
       }
     },
+    "node_modules/xss": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmjs.org/xss/-/xss-1.0.15.tgz",
+      "integrity": "sha512-FVdlVVC67WOIPvfOwhoMETV72f6GbW7aOabBC3WxN/oUdoEMDyLz4OgRv5/gck2ZeNqEQu+Tb0kloovXOfpYVg==",
+      "license": "MIT",
+      "dependencies": {
+        "commander": "^2.20.3",
+        "cssfilter": "0.0.10"
+      },
+      "bin": {
+        "xss": "bin/xss"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
+    "node_modules/xss/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "license": "MIT"
+    },
     "node_modules/y18n": {
       "version": "5.0.8",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
@@ -14149,7 +15396,6 @@
       "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.5.tgz",
       "integrity": "sha512-k7Nwx6vuWx1IJ9Bjuf4Zt1PEllcwe7cls3VNzm4CQ1/hgtFUK2bRNG3rvnpPUhFjmqJKAKtjV576KnUkHocg/g==",
       "license": "MIT",
-      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }
@@ -14168,8 +15414,7 @@
       "version": "0.15.1",
       "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.15.1.tgz",
       "integrity": "sha512-XE96n56IQpJM7NAoXswY3XRLcWFW83xe0BiAOeMD7K5k5xecOeul3Qcpx6GqEeeHNkW5DWL5zOyTbEfB4eti8w==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     }
   }
 }
diff --git a/package.json b/package.json
index 1a0215b..7be93f0 100644
--- a/package.json
+++ b/package.json
@@ -33,6 +33,8 @@
     "@angular/platform-server": "20.3.13",
     "@angular/router": "20.3.13",
     "@angular/ssr": "20.3.13",
+    "@fontsource/lora": "^5.2.8",
+    "@fontsource/nunito": "^5.2.7",
     "@ng-select/ng-select": "^20.0.1",
     "@popperjs/core": "^2.11.8",
     "@sgratzl/chartjs-chart-boxplot": "^4.4.4",
@@ -44,6 +46,7 @@
     "d3-selection": "3.0.0",
     "express": "^5.1.0",
     "husky": "^7.0.4",
+    "ipx": "^3.1.1",
     "karma-spec-reporter": "^0.0.36",
     "marked": "^16.0.0",
     "ngx-cookie-service": "^20.1.1",
diff --git a/src/app/components/navbar/navbar.component.html b/src/app/components/navbar/navbar.component.html
index e16ece3..5b656a7 100644
--- a/src/app/components/navbar/navbar.component.html
+++ b/src/app/components/navbar/navbar.component.html
@@ -3,7 +3,7 @@
     <a class="navbar-brand" routerLink="/"
       ><img
         class="me-1 img-fluid logo-image no-dim"
-        src="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/cat_logo.png"
+        src="/img/images/cat_logo.png"
         alt="Techinterview.space logo"
         width="30"
         height="30"
diff --git a/src/app/modules/companies/components/companies-page/companies-page.component.html b/src/app/modules/companies/components/companies-page/companies-page.component.html
index 6b79c75..04e458b 100644
--- a/src/app/modules/companies/components/companies-page/companies-page.component.html
+++ b/src/app/modules/companies/components/companies-page/companies-page.component.html
@@ -129,7 +129,7 @@
         </div>
         <div class="mt-3 d-flex justify-content-center">
           <img
-            src="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/company_reviews_1000.png"
+            src="/img/images/company_reviews_1000.png"
             class="img-fluid mobile-w-30"
             alt="Кот Магеллан — загрузка списка компаний"
             title="Кот Магеллан, который любит оставлять отзывы о компаниях"
diff --git a/src/app/modules/companies/components/company-page/company-page.component.html b/src/app/modules/companies/components/company-page/company-page.component.html
index a7eb4a8..11e6251 100644
--- a/src/app/modules/companies/components/company-page/company-page.component.html
+++ b/src/app/modules/companies/components/company-page/company-page.component.html
@@ -130,7 +130,7 @@
         </div>
         <div class="mt-3 d-flex justify-content-center">
           <img
-            src="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/company_reviews_1000.png"
+            src="/img/images/company_reviews_1000.png"
             class="img-fluid mobile-w-30"
             alt="Кот Магеллан — загрузка страницы компании"
             title="Кот Магеллан, который любит оставлять отзывы о компаниях"
@@ -160,7 +160,7 @@
 
       <div class="mt-2 mb-1 d-flex justify-content-center">
         <img
-          src="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/cat_reviewing_transparent_1000.png"
+          src="/img/images/cat_reviewing_transparent_1000.png"
           class="img-fluid mobile-w-30"
           alt="Кот Магеллан — оставьте первый отзыв"
           title="Кот Магеллан, который любит оставлять отзывы о компаниях"
diff --git a/src/app/modules/companies/components/recent-reviews/recent-reviews-page.component.html b/src/app/modules/companies/components/recent-reviews/recent-reviews-page.component.html
index 5f5d5e4..5bb3857 100644
--- a/src/app/modules/companies/components/recent-reviews/recent-reviews-page.component.html
+++ b/src/app/modules/companies/components/recent-reviews/recent-reviews-page.component.html
@@ -66,7 +66,7 @@
         </div>
         <div class="mt-3 d-flex justify-content-center">
           <img
-            src="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/company_reviews_1000.png"
+            src="/img/images/company_reviews_1000.png"
             class="img-fluid mobile-w-30"
             alt="Кот Магеллан — загрузка списка отзывов"
             title="Кот Магеллан, который любит оставлять отзывы о компаниях"
diff --git a/src/app/modules/home/components/about-us/about-us.component.html b/src/app/modules/home/components/about-us/about-us.component.html
index ff5ff50..20d19c2 100644
--- a/src/app/modules/home/components/about-us/about-us.component.html
+++ b/src/app/modules/home/components/about-us/about-us.component.html
@@ -251,7 +251,7 @@
             <div class="col-md-4 px-5 py-2 increasable-on-hover">
               <div>
                 <img
-                  src="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/cats/vexi_magellain.jpg"
+                  src="/img/images/cats/vexi_magellain.jpg"
                   class="img-fluid rounded"
                   alt="Magellain and Vexi"
                 />
@@ -261,7 +261,7 @@
             <div class="col-md-4 px-5 py-2 increasable-on-hover">
               <div>
                 <img
-                  src="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/cats/magellain.jpg"
+                  src="/img/images/cats/magellain.jpg"
                   class="img-fluid rounded"
                   alt="Magellain"
                 />
@@ -272,7 +272,7 @@
             <div class="col-md-4 px-5 py-2 increasable-on-hover">
               <div>
                 <img
-                  src="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/cats/vexi.jpg"
+                  src="/img/images/cats/vexi.jpg"
                   class="img-fluid rounded"
                   alt="Vexi"
                 />
diff --git a/src/app/modules/home/components/about-us/about-us.component.ts b/src/app/modules/home/components/about-us/about-us.component.ts
index edcaf24..92234c2 100644
--- a/src/app/modules/home/components/about-us/about-us.component.ts
+++ b/src/app/modules/home/components/about-us/about-us.component.ts
@@ -59,13 +59,13 @@ export class AboutUsComponent implements OnDestroy {
   ];
 
   readonly stickerImages = [
-    "https://techinterview.fra1.cdn.digitaloceanspaces.com/images/stickers/sticker_1_512.png",
-    "https://techinterview.fra1.cdn.digitaloceanspaces.com/images/stickers/sticker_2_512.png",
-    "https://techinterview.fra1.cdn.digitaloceanspaces.com/images/stickers/sticker_3_512.png",
-    "https://techinterview.fra1.cdn.digitaloceanspaces.com/images/stickers/sticker_4_512.png",
-    "https://techinterview.fra1.cdn.digitaloceanspaces.com/images/stickers/sticker_5_512.png",
-    "https://techinterview.fra1.cdn.digitaloceanspaces.com/images/stickers/sticker_6_512.png",
-    "https://techinterview.fra1.cdn.digitaloceanspaces.com/images/stickers/sticker_7_512.png",
-    "https://techinterview.fra1.cdn.digitaloceanspaces.com/images/stickers/sticker_8_512.png",
+    "/img/images/stickers/sticker_1_512.png",
+    "/img/images/stickers/sticker_2_512.png",
+    "/img/images/stickers/sticker_3_512.png",
+    "/img/images/stickers/sticker_4_512.png",
+    "/img/images/stickers/sticker_5_512.png",
+    "/img/images/stickers/sticker_6_512.png",
+    "/img/images/stickers/sticker_7_512.png",
+    "/img/images/stickers/sticker_8_512.png",
   ];
 }
diff --git a/src/app/modules/home/components/design-system/design-system.component.html b/src/app/modules/home/components/design-system/design-system.component.html
index d1067b1..45c8939 100644
--- a/src/app/modules/home/components/design-system/design-system.component.html
+++ b/src/app/modules/home/components/design-system/design-system.component.html
@@ -513,7 +513,7 @@ <h2 class="section-header">
       <div class="gif-item">
         <div class="gif-preview">
           <img
-            src="https://techinterview.fra1.cdn.digitaloceanspaces.com/gif/loading_cat.gif"
+            src="/img/gif/loading_cat.gif"
             alt="Loading cat animation"
           />
         </div>
diff --git a/src/app/modules/home/components/error-page-component/error-page-component.component.html b/src/app/modules/home/components/error-page-component/error-page-component.component.html
index d6b369c..75f473c 100644
--- a/src/app/modules/home/components/error-page-component/error-page-component.component.html
+++ b/src/app/modules/home/components/error-page-component/error-page-component.component.html
@@ -8,7 +8,7 @@
 
     <div class="error-image-wrapper">
       <img
-        src="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/stickers/sticker_6_512.png"
+        src="/img/images/stickers/sticker_6_512.png"
         alt="{{ errorTitle }}"
         class="error-image"
       />
diff --git a/src/app/modules/home/components/home/home.component.html b/src/app/modules/home/components/home/home.component.html
index 53935ee..b0599aa 100644
--- a/src/app/modules/home/components/home/home.component.html
+++ b/src/app/modules/home/components/home/home.component.html
@@ -39,10 +39,10 @@ <h1 class="display-1 uwu-title">Зарплаты в IT</h1>
         <div
           class="col-md-5 d-flex align-items-center justify-content-center align-items-md-end justify-content-md-end">
           <img class="img-fluid feature-image"
-            src="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/main_charts_transparent_800.png" srcset="
-              https://techinterview.fra1.cdn.digitaloceanspaces.com/images/main_charts_transparent_480.png 480w,
-              https://techinterview.fra1.cdn.digitaloceanspaces.com/images/main_charts_transparent_800.png 800w,
-              https://techinterview.fra1.cdn.digitaloceanspaces.com/images/main_charts_transparent_1000.png 1000w
+            src="/img/images/main_charts_transparent_800.png" srcset="
+              /img/images/main_charts_transparent_480.png 480w,
+              /img/images/main_charts_transparent_800.png 800w,
+              /img/images/main_charts_transparent_1000.png 1000w
             " sizes="(max-width: 768px) 100vw, 40vw" alt="Графики и статистика зарплат в IT" width="1000" height="1000"
             loading="eager" decoding="async" />
         </div>
@@ -71,10 +71,10 @@ <h1 class="display-1 uwu-title">Зарплаты в IT</h1>
         <div
           class="col-md-5 d-flex align-items-center justify-content-center align-items-md-end justify-content-md-end">
           <img class="img-fluid feature-image"
-            src="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/company_reviews_800.png" srcset="
-              https://techinterview.fra1.cdn.digitaloceanspaces.com/images/company_reviews_480.png 480w,
-              https://techinterview.fra1.cdn.digitaloceanspaces.com/images/company_reviews_800.png 800w,
-              https://techinterview.fra1.cdn.digitaloceanspaces.com/images/company_reviews_1000.png 1000w
+            src="/img/images/company_reviews_800.png" srcset="
+              /img/images/company_reviews_480.png 480w,
+              /img/images/company_reviews_800.png 800w,
+              /img/images/company_reviews_1000.png 1000w
             " sizes="(max-width: 768px) 100vw, 40vw" alt="Отзывы о компаниях в IT" width="1000" height="1000"
             loading="lazy" decoding="async" />
         </div>
@@ -102,11 +102,11 @@ <h1 class="display-1 uwu-title">Зарплаты в IT</h1>
         <div
           class="col-md-5 d-flex align-items-center justify-content-center align-items-md-end justify-content-md-end">
           <img class="img-fluid feature-image"
-            src="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/main_interview_transparent_800.png"
+            src="/img/images/main_interview_transparent_800.png"
             srcset="
-              https://techinterview.fra1.cdn.digitaloceanspaces.com/images/main_interview_transparent_480.png 480w,
-              https://techinterview.fra1.cdn.digitaloceanspaces.com/images/main_interview_transparent_800.png 800w,
-              https://techinterview.fra1.cdn.digitaloceanspaces.com/images/main_interview_transparent_1000.png 1000w
+              /img/images/main_interview_transparent_480.png 480w,
+              /img/images/main_interview_transparent_800.png 800w,
+              /img/images/main_interview_transparent_1000.png 1000w
             " sizes="(max-width: 768px) 100vw, 40vw" alt="Заметки к техническим интервью" width="1000" height="1000"
             loading="lazy" decoding="async" />
         </div>
@@ -151,10 +151,10 @@ <h1 class="website-title">Techinterview.space</h1>
     </div>
 
     <div class="pt-1 d-flex justify-content-center">
-      <img src="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/main_transparent_800.png" srcset="
-          https://techinterview.fra1.cdn.digitaloceanspaces.com/images/main_transparent_480.png 480w,
-          https://techinterview.fra1.cdn.digitaloceanspaces.com/images/main_transparent_800.png 800w,
-          https://techinterview.fra1.cdn.digitaloceanspaces.com/images/main_transparent_1000.png 1000w
+      <img src="/img/images/main_transparent_800.png" srcset="
+          /img/images/main_transparent_480.png 480w,
+          /img/images/main_transparent_800.png 800w,
+          /img/images/main_transparent_1000.png 1000w
         " sizes="(max-width: 768px) 100vw, 65vw" alt="Techinterview.space — зарплаты в IT, отзывы и заметки к интервью"
         class="website-image" width="1000" height="1000" loading="eager" fetchpriority="high" decoding="async" />
     </div>
diff --git a/src/app/modules/home/components/home/home.component.ts b/src/app/modules/home/components/home/home.component.ts
index 02db36c..13e1d5d 100644
--- a/src/app/modules/home/components/home/home.component.ts
+++ b/src/app/modules/home/components/home/home.component.ts
@@ -15,9 +15,9 @@ export class HomeComponent implements OnInit, OnDestroy {
   private readonly activatedRoute: ActivatedRouteExtended;
 
   readonly uwuLinkLight =
-    "https://techinterview.fra1.cdn.digitaloceanspaces.com/images/uwu_light_1000.png";
+    "/img/images/uwu_light_1000.png";
   readonly uwuLinkDark =
-    "https://techinterview.fra1.cdn.digitaloceanspaces.com/images/uwu_dark_1000.png";
+    "/img/images/uwu_dark_1000.png";
 
   showUwu = false;
   uwuImageLink: string | null = null;
diff --git a/src/app/modules/home/components/telegram-bot/telegram-bot.component.html b/src/app/modules/home/components/telegram-bot/telegram-bot.component.html
index 504776e..1ecfcb2 100644
--- a/src/app/modules/home/components/telegram-bot/telegram-bot.component.html
+++ b/src/app/modules/home/components/telegram-bot/telegram-bot.component.html
@@ -32,10 +32,10 @@
       <div class="mt-3">
         <img
           class="rounded mx-auto d-block img-thumbnail clickable"
-          src="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/telegram_bot/bot_message_only_in_chat.png"
+          src="/img/images/telegram_bot/bot_message_only_in_chat.png"
           (click)="
             openImage(
-              'https://techinterview.fra1.cdn.digitaloceanspaces.com/images/telegram_bot/bot_message_only_in_chat.png'
+              '/img/images/telegram_bot/bot_message_only_in_chat.png'
             )
           "
         />
@@ -57,10 +57,10 @@
         <div class="col-md-6">
           <img
             class="w-80 rounded mx-auto d-block img-thumbnail clickable"
-            src="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/telegram_bot/bot_mention_with_filters.gif"
+            src="/img/images/telegram_bot/bot_mention_with_filters.gif"
             (click)="
               openImage(
-                'https://techinterview.fra1.cdn.digitaloceanspaces.com/images/telegram_bot/bot_mention_with_filters.gif'
+                '/img/images/telegram_bot/bot_mention_with_filters.gif'
               )
             "
           />
@@ -68,10 +68,10 @@
         <div class="col-md-6">
           <img
             class="w-80 rounded mx-auto d-block img-thumbnail clickable"
-            src="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/telegram_bot/bot_message_reply.gif"
+            src="/img/images/telegram_bot/bot_message_reply.gif"
             (click)="
               openImage(
-                'https://techinterview.fra1.cdn.digitaloceanspaces.com/images/telegram_bot/bot_message_reply.gif'
+                '/img/images/telegram_bot/bot_message_reply.gif'
               )
             "
           />
diff --git a/src/app/modules/interviews/components/interviews-home/interviews-home.component.html b/src/app/modules/interviews/components/interviews-home/interviews-home.component.html
index 0e56339..db3ec91 100644
--- a/src/app/modules/interviews/components/interviews-home/interviews-home.component.html
+++ b/src/app/modules/interviews/components/interviews-home/interviews-home.component.html
@@ -9,7 +9,7 @@
     </div>
     <div class="col-md-6">
       <img
-        src="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/intervew_transparent_1000.png"
+        src="/img/images/intervew_transparent_1000.png"
         alt="Interviewer"
         class="img-fluid"
       />
diff --git a/src/app/modules/interviews/components/interviews-home/interviews-home.component.ts b/src/app/modules/interviews/components/interviews-home/interviews-home.component.ts
index 195f18b..d62e416 100644
--- a/src/app/modules/interviews/components/interviews-home/interviews-home.component.ts
+++ b/src/app/modules/interviews/components/interviews-home/interviews-home.component.ts
@@ -58,7 +58,7 @@ export class InterviewsHomeComponent implements OnInit, OnDestroy {
         subtitle:
           "Мы сохраним ваши заметки. Никто не сможет их посмотреть, кроме вас.",
         imageSrc:
-          "https://techinterview.fra1.cdn.digitaloceanspaces.com/gif/conduct_interview_main_page.gif",
+          "/img/gif/conduct_interview_main_page.gif",
         imageAlt: "Conduct the interview GIF",
         showPreloader: true,
       },
@@ -68,7 +68,7 @@ export class InterviewsHomeComponent implements OnInit, OnDestroy {
         subtitle:
           "Вы можете поделиться фидбеком как markdown-документом. А также экспортнуть и в PDF.",
         imageSrc:
-          "https://techinterview.fra1.cdn.digitaloceanspaces.com/gif/share_the_interview.gif",
+          "/img/gif/share_the_interview.gif",
         imageAlt: "Share the interview GIF",
         showPreloader: true,
       },
@@ -78,7 +78,7 @@ export class InterviewsHomeComponent implements OnInit, OnDestroy {
         subtitle:
           "Создайте шаблон для интервью с часто задаваемыми вопросами. А если вы хотите поделиться шаблоном, то можете сделать его публичным.",
         imageSrc:
-          "https://techinterview.fra1.cdn.digitaloceanspaces.com/gif/create_templates_main_page.gif",
+          "/img/gif/create_templates_main_page.gif",
         imageAlt: "Create interview templates GIF",
         showPreloader: true,
       },
@@ -88,7 +88,7 @@ export class InterviewsHomeComponent implements OnInit, OnDestroy {
         subtitle:
           "Вы сможете быстро перенести вопросы на интервью с ваших личных шаблонов и публичных тоже.",
         imageSrc:
-          "https://techinterview.fra1.cdn.digitaloceanspaces.com/gif/use_templates_for_your_interview.gif",
+          "/img/gif/use_templates_for_your_interview.gif",
         imageAlt: "Use templates for your interviews GIF",
         showPreloader: true,
       },
diff --git a/src/app/modules/salaries/components/salaries-chart/salary-block-value/salary-block-value.component.html b/src/app/modules/salaries/components/salaries-chart/salary-block-value/salary-block-value.component.html
index 6539133..7bfa326 100644
--- a/src/app/modules/salaries/components/salaries-chart/salary-block-value/salary-block-value.component.html
+++ b/src/app/modules/salaries/components/salaries-chart/salary-block-value/salary-block-value.component.html
@@ -39,7 +39,7 @@
 
   <div class="col-md-3 mb-2">
     <img
-      src="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/logo_cat_only.png"
+      src="/img/images/logo_cat_only.png"
       class="img-fluid cat-image"
       alt="logo"
       title="Кот Магеллан, который любит считать деньги"
diff --git a/src/app/shared/components/loading-spinner/loading-spinner.component.ts b/src/app/shared/components/loading-spinner/loading-spinner.component.ts
index 69e07ec..057cb36 100644
--- a/src/app/shared/components/loading-spinner/loading-spinner.component.ts
+++ b/src/app/shared/components/loading-spinner/loading-spinner.component.ts
@@ -14,7 +14,7 @@ export class LoadingSpinnerComponent implements OnInit, OnDestroy {
   delayMs = 750;
 
   static LoadingCatUrl =
-    "https://techinterview.fra1.cdn.digitaloceanspaces.com/gif/loading_cat.gif";
+    "/img/gif/loading_cat.gif";
 
   loadingUrl = "";
   loadingAlt = "Loading cat GIF";
diff --git a/src/app/shared/components/wednesday-frog/wednesday-frog.component.ts b/src/app/shared/components/wednesday-frog/wednesday-frog.component.ts
index 0781149..0cf74ee 100644
--- a/src/app/shared/components/wednesday-frog/wednesday-frog.component.ts
+++ b/src/app/shared/components/wednesday-frog/wednesday-frog.component.ts
@@ -8,18 +8,18 @@ import { Component } from "@angular/core";
 })
 export class WednesdayFrogComponent {
   readonly frogs = [
-    "https://techinterview.fra1.cdn.digitaloceanspaces.com/images/wednesday-frogs/wednesday_frog_gentelmen.jpeg",
-    "https://techinterview.fra1.cdn.digitaloceanspaces.com/images/wednesday-frogs/wednesday_todo.jpg",
-    "https://techinterview.fra1.cdn.digitaloceanspaces.com/images/wednesday-frogs/wednesday_2.jpg",
-    "https://techinterview.fra1.cdn.digitaloceanspaces.com/images/wednesday-frogs/wednesday_3.jpg",
-    "https://techinterview.fra1.cdn.digitaloceanspaces.com/images/wednesday-frogs/wednesday_4.jpg",
-    "https://techinterview.fra1.cdn.digitaloceanspaces.com/images/wednesday-frogs/wednesday_5.jpg",
+    "/img/images/wednesday-frogs/wednesday_frog_gentelmen.jpeg",
+    "/img/images/wednesday-frogs/wednesday_todo.jpg",
+    "/img/images/wednesday-frogs/wednesday_2.jpg",
+    "/img/images/wednesday-frogs/wednesday_3.jpg",
+    "/img/images/wednesday-frogs/wednesday_4.jpg",
+    "/img/images/wednesday-frogs/wednesday_5.jpg",
   ];
 
   readonly littleFrogLink =
-    "https://techinterview.fra1.cdn.digitaloceanspaces.com/images/frog_600.png";
+    "/img/images/frog_600.png";
   readonly bigFrogLink =
-    "https://techinterview.fra1.cdn.digitaloceanspaces.com/images/frog.png";
+    "/img/images/frog.png";
 
   readonly showFrog;
   frogToBeShown: string | null = null;
diff --git a/src/environments/environment.local.ts b/src/environments/environment.local.ts
index 2137041..8774f5f 100644
--- a/src/environments/environment.local.ts
+++ b/src/environments/environment.local.ts
@@ -4,7 +4,7 @@ export const environment = {
   isUnderMaintenance: false,
   type: "local",
   baseUrl: "http://localhost:4200",
-  resourceApiURI: "https://localhost:5001",
+  resourceApiURI: "https://api.techinterview.space",
   name: "local",
   auth: {
     redirectUri: "http://localhost:4200/auth-callback",
diff --git a/src/index.html b/src/index.html
index 246717f..0f4afa2 100644
--- a/src/index.html
+++ b/src/index.html
@@ -37,13 +37,6 @@
   <meta name="twitter:site" content="@techinterview" />
   <meta name="twitter:creator" content="@maximgorbatyuk" />
 
-  <!-- Google Fonts: Lora (headings) + Nunito (body) -->
-  <link rel="preconnect" href="https://fonts.googleapis.com" />
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-  <link
-    href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Nunito:wght@300;400;500;600;700&display=swap"
-    rel="stylesheet" />
-
   <!-- Structured data: Organization + WebSite -->
   <script type="application/ld+json">
       {
diff --git a/src/server.ts b/src/server.ts
index b10e1d9..079859d 100644
--- a/src/server.ts
+++ b/src/server.ts
@@ -6,7 +6,9 @@ import {
 } from "@angular/ssr/node";
 import compression from "compression";
 import express from "express";
+
 import { join } from "node:path";
+import { IpxMiddleware } from 'src/server/middleware/ipx'
 import { redirectToCanonicalSitemap } from "./server/sitemap-redirect.util";
 
 const browserDistFolder = join(import.meta.dirname, "../browser");
@@ -41,10 +43,10 @@ app.use((req, res, next) => {
     [
       "default-src 'self'",
       "script-src 'self' 'unsafe-inline' https://www.googletagmanager.com https://www.google-analytics.com",
-      "style-src 'self' 'unsafe-inline' https://fonts.googleapis.com https://cdn.jsdelivr.net",
+      "style-src 'self' 'unsafe-inline' https://cdn.jsdelivr.net",
       "img-src 'self' data: https://techinterview.fra1.cdn.digitaloceanspaces.com https://via.placeholder.com https://*.googleusercontent.com https://www.google-analytics.com https://*.googletagmanager.com",
-      "font-src 'self' https://fonts.gstatic.com https://cdn.jsdelivr.net",
-      "connect-src 'self' https://api.techinterview.space https://www.google-analytics.com https://*.googletagmanager.com https://*.analytics.google.com",
+      "font-src 'self' https://cdn.jsdelivr.net",
+      `connect-src 'self' https://api.techinterview.space https://www.google-analytics.com https://*.googletagmanager.com https://*.analytics.google.com${process.env["NODE_ENV"] !== "production" ? " https://localhost:5001" : ""}`,
       "frame-ancestors 'self'",
     ].join("; "),
   );
@@ -63,6 +65,12 @@ app.get("/sitemap.xml", (_req, res) => {
   redirectToCanonicalSitemap(res);
 });
 
+/**
+ * Image proxy with on-the-fly WebP conversion via ipx.
+ * Browsers supporting WebP receive converted images; others get the original format.
+ */
+app.use("/img", IpxMiddleware);
+
 /**
  * Serve static files from /browser
  */
diff --git a/src/server/middleware/ipx.ts b/src/server/middleware/ipx.ts
new file mode 100644
index 0000000..92049aa
--- /dev/null
+++ b/src/server/middleware/ipx.ts
@@ -0,0 +1,23 @@
+import { createIPX, createIPXNodeServer, ipxHttpStorage } from 'ipx'
+import { RequestHandler } from 'express';
+
+const cdnBase = "https://techinterview.fra1.cdn.digitaloceanspaces.com";
+
+const ipx = createIPX({
+  storage: ipxHttpStorage({
+    domains: ["techinterview.fra1.cdn.digitaloceanspaces.com"],
+  }),
+});
+
+const ipxHandler = createIPXNodeServer(ipx);
+
+export const IpxMiddleware: RequestHandler = (req, res) => {
+  const isGif = req.url.endsWith(".gif");
+  const format =
+    !isGif && req.headers.accept?.includes("image/webp")
+      ? "format:webp"
+      : "_";
+  req.url = `/${format}/${cdnBase}${req.url}`;
+  res.setHeader("Cache-Control", "public, max-age=86400, s-maxage=604800");
+  ipxHandler(req, res);
+}
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
index 0efd38f..9d61657 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -14,6 +14,7 @@
     "declaration": false,
     "experimentalDecorators": true,
     "moduleResolution": "bundler",
+    "skipLibCheck": true,
     "importHelpers": true,
     "target": "es2017",
     "module": "es2020",

From 4e9ed277861bc1e0ba6e52aad08d488a7595c24d Mon Sep 17 00:00:00 2001
From: francyfox <7info7web@gmail.com>
Date: Wed, 18 Mar 2026 16:45:43 +0500
Subject: [PATCH 03/13] fix: checkbox style + grammar + navbar

---
 .../components/navbar/navbar.component.html   |  2 +-
 .../login-page/login-page.component.scss      |  6 +++--
 .../register-page.component.html              | 23 +++++++++++--------
 .../register-page.component.scss              |  9 +++++---
 .../register-page/register-page.component.ts  | 10 ++++----
 .../reset-password-page.component.scss        |  7 ++++--
 src/styles.scss                               |  5 ++++
 7 files changed, 39 insertions(+), 23 deletions(-)

diff --git a/src/app/components/navbar/navbar.component.html b/src/app/components/navbar/navbar.component.html
index 5b656a7..292531b 100644
--- a/src/app/components/navbar/navbar.component.html
+++ b/src/app/components/navbar/navbar.component.html
@@ -1,4 +1,4 @@
-<nav class="navbar navbar-expand-md border-bottom">
+<nav class="navbar navbar-expand-xl border-bottom">
   <div class="container">
     <a class="navbar-brand" routerLink="/"
       ><img
diff --git a/src/app/modules/home/components/login-page/login-page.component.scss b/src/app/modules/home/components/login-page/login-page.component.scss
index 7d94efd..9642c11 100644
--- a/src/app/modules/home/components/login-page/login-page.component.scss
+++ b/src/app/modules/home/components/login-page/login-page.component.scss
@@ -184,15 +184,17 @@
 }
 
 .password-toggle {
+  display: flex;
   position: absolute;
-  right: 12px;
-  top: 50%;
+  right: 27px;
+  top: calc(50% + 1px);
   transform: translateY(-50%);
   background: none;
   border: none;
   color: var(--warm-text-muted);
   cursor: pointer;
   padding: 0.25rem;
+  font-size: 20px;
 
   &:hover {
     color: var(--warm-text-primary);
diff --git a/src/app/modules/home/components/register-page/register-page.component.html b/src/app/modules/home/components/register-page/register-page.component.html
index 742fc6f..83333fc 100644
--- a/src/app/modules/home/components/register-page/register-page.component.html
+++ b/src/app/modules/home/components/register-page/register-page.component.html
@@ -53,7 +53,7 @@ <h1 class="auth-title">Создайте аккаунт</h1>
               class="form-control"
               [(ngModel)]="firstName"
               name="firstName"
-              placeholder="Выше имя"
+              placeholder="Ваше имя"
               [disabled]="isLoading"
               autocomplete="given-name"
             />
@@ -67,7 +67,7 @@ <h1 class="auth-title">Создайте аккаунт</h1>
               class="form-control"
               [(ngModel)]="lastName"
               name="lastName"
-              placeholder="Ваша файмилия"
+              placeholder="Ваша фамилия"
               [disabled]="isLoading"
               autocomplete="family-name"
             />
@@ -82,7 +82,7 @@ <h1 class="auth-title">Создайте аккаунт</h1>
             class="form-control"
             [(ngModel)]="email"
             name="email"
-            placeholder="Enter your email"
+            placeholder="Введите email"
             [disabled]="isLoading"
             autocomplete="email"
           />
@@ -169,13 +169,16 @@ <h1 class="auth-title">Создайте аккаунт</h1>
               [disabled]="isLoading"
             />
             <span class="checkmark"></span>
-            I agree to the
-            <a
-              routerLink="/agreements/privacy-policy"
-              target="_blank"
-              class="auth-link"
-              >Terms and Privacy Policy</a
-            >
+              <span>
+                  Я согласен с
+                  <a
+                          routerLink="/agreements/privacy-policy"
+                          target="_blank"
+                          class="auth-link"
+                  >
+                      пользовательским соглашением
+                  </a>
+              </span>
           </label>
         </div>
 
diff --git a/src/app/modules/home/components/register-page/register-page.component.scss b/src/app/modules/home/components/register-page/register-page.component.scss
index 6974df5..4673bab 100644
--- a/src/app/modules/home/components/register-page/register-page.component.scss
+++ b/src/app/modules/home/components/register-page/register-page.component.scss
@@ -186,14 +186,17 @@
 }
 
 .password-toggle {
+  display: flex;
   position: absolute;
-  right: 12px;
-  top: 50%;
+  right: 27px;
+  top: calc(50% + 1px);
   transform: translateY(-50%);
   background: none;
   border: none;
   color: var(--warm-text-muted);
   cursor: pointer;
+  font-size: 20px;
+
   &:hover {
     color: var(--warm-text-primary);
   }
@@ -258,7 +261,7 @@
 .checkbox-label {
   display: flex;
   align-items: flex-start;
-  gap: 0.75rem;
+  gap: 0.2rem;
   cursor: pointer;
   font-size: 0.9rem;
   color: var(--warm-text-secondary);
diff --git a/src/app/modules/home/components/register-page/register-page.component.ts b/src/app/modules/home/components/register-page/register-page.component.ts
index ddeb7dd..9bba09f 100644
--- a/src/app/modules/home/components/register-page/register-page.component.ts
+++ b/src/app/modules/home/components/register-page/register-page.component.ts
@@ -113,8 +113,8 @@ export class RegisterPageComponent implements OnDestroy {
     return hasLower && hasUpper && hasDigit;
   }
 
-  getPasswordStrength(): "weak" | "medium" | "strong" {
-    if (this.password.length < 8) return "weak";
+  getPasswordStrength(): "слабый" | "средний" | "сильный" {
+    if (this.password.length < 8) return "слабый";
     const hasLower = /[a-z]/.test(this.password);
     const hasUpper = /[A-Z]/.test(this.password);
     const hasDigit = /\d/.test(this.password);
@@ -122,9 +122,9 @@ export class RegisterPageComponent implements OnDestroy {
     const score = [hasLower, hasUpper, hasDigit, hasSpecial].filter(
       Boolean,
     ).length;
-    if (score >= 4 && this.password.length >= 12) return "strong";
-    if (score >= 3) return "medium";
-    return "weak";
+    if (score >= 4 && this.password.length >= 12) return "сильный";
+    if (score >= 3) return "средний";
+    return "слабый";
   }
 
   ngOnDestroy(): void {
diff --git a/src/app/modules/home/components/reset-password-page/reset-password-page.component.scss b/src/app/modules/home/components/reset-password-page/reset-password-page.component.scss
index 7e55197..4a70f6c 100644
--- a/src/app/modules/home/components/reset-password-page/reset-password-page.component.scss
+++ b/src/app/modules/home/components/reset-password-page/reset-password-page.component.scss
@@ -140,14 +140,17 @@
 }
 
 .password-toggle {
+  display: flex;
   position: absolute;
-  right: 12px;
-  top: 50%;
+  right: 27px;
+  top: calc(50% + 1px);
   transform: translateY(-50%);
   background: none;
   border: none;
   color: var(--warm-text-muted);
   cursor: pointer;
+  font-size: 20px;
+
   &:hover {
     color: var(--warm-text-primary);
   }
diff --git a/src/styles.scss b/src/styles.scss
index fb52b52..30d9a4d 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -1422,3 +1422,8 @@ hr {
     }
   }
 }*/
+
+
+:root[data-theme="dark"] .navbar-brand:hover, .navbar-brand:focus {
+  --bs-navbar-brand-hover-color: #fff; // fix navbar color on dark mode
+}
\ No newline at end of file

From 8116b6353ed02e62aeb4ec9646971cf84ab0e26a Mon Sep 17 00:00:00 2001
From: francyfox <7info7web@gmail.com>
Date: Wed, 18 Mar 2026 19:24:35 +0500
Subject: [PATCH 04/13] fix: sticky header + close burger after navigation

---
 src/app/app.component.scss                    |   1 +
 src/app/app.module.ts                         |   4 +
 .../navbar-actions.component.html             |  69 ++++++++++
 .../navbar-actions.component.scss             | 125 ++++++++++++++++++
 .../navbar-actions.component.ts               |  30 +++++
 .../navbar-list/navbar-list.component.html    |  30 +++++
 .../navbar-list/navbar-list.component.scss    |  74 +++++++++++
 .../navbar-list/navbar-list.component.ts      |  23 ++++
 .../components/navbar/navbar.component.html   | 111 ++--------------
 .../components/navbar/navbar.component.scss   |   3 +
 src/app/components/navbar/navbar.component.ts |  45 ++++---
 src/styles.scss                               |  12 ++
 12 files changed, 403 insertions(+), 124 deletions(-)
 create mode 100644 src/app/components/navbar-actions/navbar-actions.component.html
 create mode 100644 src/app/components/navbar-actions/navbar-actions.component.scss
 create mode 100644 src/app/components/navbar-actions/navbar-actions.component.ts
 create mode 100644 src/app/components/navbar-list/navbar-list.component.html
 create mode 100644 src/app/components/navbar-list/navbar-list.component.scss
 create mode 100644 src/app/components/navbar-list/navbar-list.component.ts

diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index 0387d88..4b45223 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -6,6 +6,7 @@
 :host {
   display: block;
   flex: 1 0 auto;
+  position: relative;
 }
 
 .app-container {
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 0ad9ee5..13e744a 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -20,13 +20,17 @@ import { DateParserInterceptor } from "@shared/interceptors/date-parser-intercep
 import { SpinnerInterceptor } from "@shared/interceptors/spinner-interceptor";
 import { SharedModule } from "@shared/shared.module";
 import { AdminNavbarComponent } from "@components/admin-navbar/admin-navbar.component";
+import { NavbarActionsComponent } from "@components/navbar-actions/navbar-actions.component";
 import { NavbarComponent } from "@components/navbar/navbar.component";
+import { NavbarListComponent } from "@components/navbar-list/navbar-list.component";
 import { MaintenanceComponent } from "@components/maintenance/maintenance.component";
 
 @NgModule({
   declarations: [
     AppComponent,
     NavbarComponent,
+    NavbarListComponent,
+    NavbarActionsComponent,
     AdminNavbarComponent,
     MaintenanceComponent,
   ],
diff --git a/src/app/components/navbar-actions/navbar-actions.component.html b/src/app/components/navbar-actions/navbar-actions.component.html
new file mode 100644
index 0000000..4713581
--- /dev/null
+++ b/src/app/components/navbar-actions/navbar-actions.component.html
@@ -0,0 +1,69 @@
+<ul class="navbar-nav mb-2 mb-xl-0 align-items-center">
+    <!-- Theme Toggle Button -->
+    <li class="nav-item ms-2">
+        <button
+                class="btn theme-toggle-btn"
+                type="button"
+                (click)="toggleTheme()"
+                [attr.aria-label]="themeService.getThemeLabel()"
+                [attr.title]="themeService.getNextThemeLabel()"
+        >
+            <i
+                    class="bi"
+                    [ngClass]="{
+                'bi-sun-fill': themeService.isDarkMode(),
+                'bi-moon-fill': !themeService.isDarkMode(),
+              }"
+            ></i>
+        </button>
+    </li>
+
+    <li class="nav-item ms-2" *ngIf="!loginName; else loggedIn">
+        <button
+                type="button"
+                class="btn btn-primary login-btn {{
+              !loginButtonAvailable ? 'disabled' : ''
+            }}"
+                (click)="login()"
+                [disabled]="!loginButtonAvailable"
+        >
+            Войти
+        </button>
+    </li>
+    <ng-template #loggedIn>
+        <li class="nav-item dropdown">
+            <a
+                    class="nav-link dropdown-toggle"
+                    href="#"
+                    id="navbarDropdownUser"
+                    role="button"
+                    data-bs-toggle="dropdown"
+                    aria-expanded="false"
+            >
+                {{ loginName }}
+            </a>
+            <ul
+                    class="dropdown-menu dropdown-menu-end"
+                    aria-labelledby="navbarDropdownUser"
+            >
+                <li><a class="dropdown-item" routerLink="/me">Мой профиль</a></li>
+                <li>
+                    <a class="dropdown-item" routerLink="users/me/labels">Мои теги</a>
+                </li>
+                <li>
+                    <hr class="dropdown-divider" />
+                </li>
+                <li>
+                    <a
+                            class="dropdown-item"
+                            routerLink="/admin"
+                            *appHasRole="'admin'"
+                    >Админка</a>
+                </li>
+                <li class="cursor-pointer">
+                    <a class="dropdown-item" (click)="logout()">Выйти</a>
+                </li>
+            </ul>
+        </li>
+    </ng-template>
+</ul>
\ No newline at end of file
diff --git a/src/app/components/navbar-actions/navbar-actions.component.scss b/src/app/components/navbar-actions/navbar-actions.component.scss
new file mode 100644
index 0000000..86eca7f
--- /dev/null
+++ b/src/app/components/navbar-actions/navbar-actions.component.scss
@@ -0,0 +1,125 @@
+:host {
+  display: contents;
+}
+
+.login-btn {
+  text-decoration: none;
+  display: inline-flex;
+  align-items: center;
+}
+
+.nav-link {
+  color: var(--warm-text-secondary);
+  text-decoration: none;
+
+  &:hover,
+  &:focus {
+    color: var(--warm-accent-primary);
+    text-decoration: none;
+  }
+
+  &.dropdown-toggle::after {
+    margin-left: 0.35em;
+  }
+}
+
+.dropdown.show > .nav-link.dropdown-toggle {
+  color: var(--warm-accent-primary);
+}
+
+.dropdown-menu {
+  border-radius: 10px;
+  box-shadow:
+    0 4px 8px var(--warm-shadow-color),
+    0 8px 16px var(--warm-shadow-color),
+    0 16px 32px var(--warm-shadow-color-medium);
+  padding: 0.5rem;
+  margin-top: 0.5rem;
+}
+
+.dropdown-item {
+  border-radius: 6px;
+  padding: 0.5rem 1rem;
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: none;
+  }
+
+  &:active {
+    background-color: var(--warm-accent-primary);
+    color: var(--warm-btn-contrast-text);
+  }
+}
+
+.theme-toggle-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  padding: 0;
+  border-radius: 50%;
+  background-color: var(--warm-bg-accent);
+  border: 1px solid var(--warm-border-color);
+  color: var(--warm-text-secondary);
+  transition: all 0.2s ease;
+  cursor: pointer;
+
+  i {
+    font-size: 1.1rem;
+    transition: transform 0.3s ease;
+  }
+
+  &:hover {
+    background-color: var(--warm-accent-primary);
+    border-color: var(--warm-accent-primary);
+    color: var(--warm-btn-contrast-text);
+    transform: scale(1.05);
+
+    i {
+      transform: rotate(15deg);
+    }
+  }
+
+  &:active {
+    transform: scale(0.95);
+  }
+
+  &:focus {
+    box-shadow: 0 0 0 3px var(--warm-input-focus-ring);
+    outline: none;
+  }
+}
+
+@media (min-width: 1200px) {
+  ul {
+    order: 2;
+  }
+}
+
+@media (max-width: 1199.98px) {
+  ul {
+    margin: 0;
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    justify-content: flex-end;
+    align-items: center !important;
+    gap: 5px;
+
+    li {
+      margin: 0 !important;
+    }
+  }
+}
+
+@media (max-width: 767.98px) {
+  .nav-item {
+    margin: 0.25rem 0;
+  }
+
+  .theme-toggle-btn {
+    margin-left: 0;
+  }
+}
\ No newline at end of file
diff --git a/src/app/components/navbar-actions/navbar-actions.component.ts b/src/app/components/navbar-actions/navbar-actions.component.ts
new file mode 100644
index 0000000..5806cba
--- /dev/null
+++ b/src/app/components/navbar-actions/navbar-actions.component.ts
@@ -0,0 +1,30 @@
+import { Component, EventEmitter, Input, Output } from "@angular/core";
+import { ThemeService } from "@shared/services/theme/theme.service";
+
+@Component({
+  selector: "app-navbar-actions",
+  templateUrl: "./navbar-actions.component.html",
+  styleUrls: ["./navbar-actions.component.scss"],
+  standalone: false,
+})
+export class NavbarActionsComponent {
+  @Input() loginName: string | null = null;
+  @Input() loginButtonAvailable = false;
+
+  @Output() loginClick = new EventEmitter<void>();
+  @Output() logoutClick = new EventEmitter<void>();
+
+  constructor(public readonly themeService: ThemeService) {}
+
+  toggleTheme(): void {
+    this.themeService.toggleTheme();
+  }
+
+  login(): void {
+    this.loginClick.emit();
+  }
+
+  logout(): void {
+    this.logoutClick.emit();
+  }
+}
\ No newline at end of file
diff --git a/src/app/components/navbar-list/navbar-list.component.html b/src/app/components/navbar-list/navbar-list.component.html
new file mode 100644
index 0000000..6f6bef1
--- /dev/null
+++ b/src/app/components/navbar-list/navbar-list.component.html
@@ -0,0 +1,30 @@
+<ul class="navbar-nav mb-2 mb-xl-0 align-items-center">
+    <li
+            class="nav-item dropdown"
+            *ngFor="let dropdown of (dropdowns || []); let i = index"
+    >
+        <a
+                class="nav-link dropdown-toggle"
+                href="#"
+                [id]="'navbarDropdown-' + i"
+                role="button"
+                data-bs-toggle="dropdown"
+                aria-expanded="false"
+                *ngIf="dropdown.show"
+        >
+            {{ dropdown.title }}
+        </a>
+        <ul
+                class="dropdown-menu"
+                [attr.aria-labelledby]="'navbarDropdown-' + i"
+        >
+            <li *ngFor="let link of (dropdown.links || [])">
+                <a
+                        class="dropdown-item"
+                        routerLink="{{ link.url }}"
+                        *ngIf="link.show"
+                >{{ link.title }}</a>
+            </li>
+        </ul>
+    </li>
+</ul>
\ No newline at end of file
diff --git a/src/app/components/navbar-list/navbar-list.component.scss b/src/app/components/navbar-list/navbar-list.component.scss
new file mode 100644
index 0000000..86eae8e
--- /dev/null
+++ b/src/app/components/navbar-list/navbar-list.component.scss
@@ -0,0 +1,74 @@
+:host {
+  display: contents;
+}
+
+.nav-link {
+  color: var(--warm-text-secondary);
+  text-decoration: none;
+
+  &:hover,
+  &:focus {
+    color: var(--warm-accent-primary);
+    text-decoration: none;
+  }
+
+  &.dropdown-toggle::after {
+    margin-left: 0.35em;
+  }
+}
+
+.dropdown.show > .nav-link.dropdown-toggle {
+  color: var(--warm-accent-primary);
+}
+
+.dropdown-menu {
+  border-radius: 10px;
+  box-shadow:
+    0 4px 8px var(--warm-shadow-color),
+    0 8px 16px var(--warm-shadow-color),
+    0 16px 32px var(--warm-shadow-color-medium);
+  padding: 0.5rem;
+  margin-top: 0.5rem;
+}
+
+.dropdown-item {
+  border-radius: 6px;
+  padding: 0.5rem 1rem;
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: none;
+  }
+
+  &:active {
+    background-color: var(--warm-accent-primary);
+    color: var(--warm-btn-contrast-text);
+  }
+}
+
+.dropdown-divider {
+  margin: 0.5rem 0;
+}
+
+@media (min-width: 1200px) {
+  ul {
+    order: 1;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .nav-item {
+    margin: 0.25rem 0;
+  }
+
+  .dropdown-menu {
+    border: none;
+    box-shadow: none;
+    background-color: transparent;
+    padding-left: 1rem;
+  }
+
+  .dropdown-item {
+    padding: 0.5rem 0.75rem;
+  }
+}
\ No newline at end of file
diff --git a/src/app/components/navbar-list/navbar-list.component.ts b/src/app/components/navbar-list/navbar-list.component.ts
new file mode 100644
index 0000000..bef3d59
--- /dev/null
+++ b/src/app/components/navbar-list/navbar-list.component.ts
@@ -0,0 +1,23 @@
+import { Component, Input } from "@angular/core";
+
+export interface NavbarLink {
+  title: string;
+  url: string;
+  show: boolean;
+}
+
+export interface NavbarDropdown {
+  title: string;
+  links: NavbarLink[];
+  show: boolean;
+}
+
+@Component({
+  selector: "app-navbar-list",
+  templateUrl: "./navbar-list.component.html",
+  styleUrls: ["./navbar-list.component.scss"],
+  standalone: false,
+})
+export class NavbarListComponent {
+  @Input() dropdowns: NavbarDropdown[] = [];
+}
\ No newline at end of file
diff --git a/src/app/components/navbar/navbar.component.html b/src/app/components/navbar/navbar.component.html
index 292531b..895b7b7 100644
--- a/src/app/components/navbar/navbar.component.html
+++ b/src/app/components/navbar/navbar.component.html
@@ -1,4 +1,4 @@
-<nav class="navbar navbar-expand-xl border-bottom">
+<nav *ngIf="isBrowser" class="navbar navbar-expand-xl border-bottom">
   <div class="container">
     <a class="navbar-brand" routerLink="/"
       ><img
@@ -25,108 +25,13 @@
       class="collapse navbar-collapse justify-content-end"
       id="navbarSupportedContent"
     >
-      <ul class="navbar-nav mb-2 mb-md-0 align-items-center">
-        <li
-          class="nav-item dropdown"
-          *ngFor="let dropdown of dropdowns; let i = index"
-        >
-          <a
-            class="nav-link dropdown-toggle"
-            href="#"
-            [id]="'navbarDropdown-' + i"
-            role="button"
-            data-bs-toggle="dropdown"
-            aria-expanded="false"
-            *ngIf="dropdown.show"
-          >
-            {{ dropdown.title }}
-          </a>
-          <ul
-            class="dropdown-menu"
-            [attr.aria-labelledby]="'navbarDropdown-' + i"
-          >
-            <li *ngFor="let link of dropdown.links">
-              <a
-                class="dropdown-item"
-                routerLink="{{ link.url }}"
-                *ngIf="link.show"
-                >{{ link.title }}</a
-              >
-            </li>
-          </ul>
-        </li>
-
-        <!-- Theme Toggle Button -->
-        <li class="nav-item ms-2">
-          <button
-            class="btn theme-toggle-btn"
-            type="button"
-            (click)="toggleTheme()"
-            [attr.aria-label]="themeService.getThemeLabel()"
-            [attr.title]="themeService.getNextThemeLabel()"
-          >
-            <i
-              class="bi"
-              [ngClass]="{
-                'bi-sun-fill': themeService.isDarkMode(),
-                'bi-moon-fill': !themeService.isDarkMode(),
-              }"
-            ></i>
-          </button>
-        </li>
-
-        <li class="nav-item ms-2" *ngIf="!loginName; else loggedIn">
-          <button
-            type="button"
-            class="btn btn-primary login-btn {{
-              !loginButtonAvailable ? 'disabled' : ''
-            }}"
-            (click)="login()"
-            [disabled]="!loginButtonAvailable"
-          >
-            Войти
-          </button>
-        </li>
-        <ng-template #loggedIn>
-          <li class="nav-item dropdown">
-            <a
-              class="nav-link dropdown-toggle"
-              href="#"
-              id="navbarDropdownUser"
-              role="button"
-              data-bs-toggle="dropdown"
-              aria-expanded="false"
-            >
-              {{ loginName }}
-            </a>
-            <ul
-              class="dropdown-menu dropdown-menu-end"
-              aria-labelledby="navbarDropdownUser"
-            >
-              <li><a class="dropdown-item" routerLink="/me">Мой профиль</a></li>
-              <li>
-                <a class="dropdown-item" routerLink="users/me/labels"
-                  >Мои теги</a
-                >
-              </li>
-              <li>
-                <hr class="dropdown-divider" />
-              </li>
-              <li>
-                <a
-                  class="dropdown-item"
-                  routerLink="/admin"
-                  *appHasRole="'admin'"
-                  >Админка</a
-                >
-              </li>
-              <li class="cursor-pointer">
-                <a class="dropdown-item" (click)="logout()">Выйти</a>
-              </li>
-            </ul>
-          </li>
-        </ng-template>
-      </ul>
+      <app-navbar-actions
+        [loginName]="loginName"
+        [loginButtonAvailable]="loginButtonAvailable"
+        (loginClick)="login()"
+        (logoutClick)="logout()"
+      ></app-navbar-actions>
+      <app-navbar-list [dropdowns]="dropdowns"></app-navbar-list>
     </div>
   </div>
 </nav>
diff --git a/src/app/components/navbar/navbar.component.scss b/src/app/components/navbar/navbar.component.scss
index 1c2a3da..ead9e1e 100644
--- a/src/app/components/navbar/navbar.component.scss
+++ b/src/app/components/navbar/navbar.component.scss
@@ -6,6 +6,9 @@
 
 :host {
   display: block;
+  position: sticky;
+  top: 0;
+  z-index: 1030;
 }
 
 // Navbar container - component-specific padding
diff --git a/src/app/components/navbar/navbar.component.ts b/src/app/components/navbar/navbar.component.ts
index 614a7bd..9a1bcb7 100644
--- a/src/app/components/navbar/navbar.component.ts
+++ b/src/app/components/navbar/navbar.component.ts
@@ -1,21 +1,11 @@
-import { Component, OnInit } from "@angular/core";
-import { Router } from "@angular/router";
+import { Component, Inject, OnInit, PLATFORM_ID } from "@angular/core";
+import { isPlatformBrowser } from "@angular/common";
+import { NavigationEnd, Router } from "@angular/router";
+import { filter } from "rxjs/operators";
 import { UserRole } from "@models/enums";
 import { ApplicationUserExtended } from "@models/extended";
 import { AuthService } from "@shared/services/auth/auth.service";
-import { ThemeService } from "@shared/services/theme/theme.service";
-
-interface NavbarLink {
-  title: string;
-  url: string;
-  show: boolean;
-}
-
-interface NavbarDropdown {
-  title: string;
-  links: NavbarLink[];
-  show: boolean;
-}
+import { NavbarDropdown } from "@components/navbar-list/navbar-list.component";
 
 @Component({
   selector: "app-navbar",
@@ -24,8 +14,8 @@ interface NavbarDropdown {
   standalone: false,
 })
 export class NavbarComponent implements OnInit {
+  readonly isBrowser: boolean;
   loginButtonAvailable = false;
-  healthCheckError = false;
 
   dropdowns: NavbarDropdown[] = [];
 
@@ -38,8 +28,10 @@ export class NavbarComponent implements OnInit {
   constructor(
     private readonly authService: AuthService,
     private readonly router: Router,
-    public readonly themeService: ThemeService,
-  ) { }
+    @Inject(PLATFORM_ID) platformId: object,
+  ) {
+    this.isBrowser = isPlatformBrowser(platformId);
+  }
 
   ngOnInit(): void {
     this.setupSubscribers();
@@ -51,7 +43,21 @@ export class NavbarComponent implements OnInit {
     });
   }
 
+  private closeNavbarCollapse(): void {
+    if (!this.isBrowser) {
+      return;
+    }
+
+    const collapse = document.getElementById("navbarSupportedContent");
+    if (collapse?.classList.contains("show")) {
+      collapse.classList.remove("show");
+    }
+  }
+
   private setupSubscribers(): void {
+    this.router.events
+      .pipe(filter((e) => e instanceof NavigationEnd))
+      .subscribe(() => this.closeNavbarCollapse());
     this.authService.loggedOutInvoked$.subscribe(() => {
       this.currentUser = null;
       this.renderNavbar();
@@ -181,7 +187,4 @@ export class NavbarComponent implements OnInit {
     this.router.navigate(["/"]);
   }
 
-  toggleTheme(): void {
-    this.themeService.toggleTheme();
-  }
 }
diff --git a/src/styles.scss b/src/styles.scss
index 30d9a4d..21bad83 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -1099,6 +1099,8 @@ hr {
    ───────────────────────────────────────────────────────────────────────────────── */
 
 .navbar {
+  top: 0;
+  position: sticky;
   background-color: var(--warm-navbar-bg);
   border-color: var(--warm-navbar-border) !important;
   box-shadow:
@@ -1122,6 +1124,16 @@ hr {
     color: var(--warm-accent-primary);
     text-decoration: none;
   }
+
+  span {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+
+    @media (max-width: 360px) {
+      max-width: 100px;
+      overflow: hidden;
+    }
+  }
 }
 
 .nav-link {

From 66dc60bf78c27668997120531025f7a755ac948a Mon Sep 17 00:00:00 2001
From: francyfox <7info7web@gmail.com>
Date: Thu, 19 Mar 2026 11:28:44 +0500
Subject: [PATCH 05/13] fix: burger scroll + adaptive fix

---
 .../navbar-actions.component.html             |  2 +-
 .../navbar-actions.component.scss             |  7 +++--
 .../navbar-list/navbar-list.component.html    |  2 +-
 .../navbar-list/navbar-list.component.scss    | 15 +++++++++++
 .../components/navbar/navbar.component.scss   |  3 +++
 src/app/components/navbar/navbar.component.ts | 27 +++++++++++++++++--
 6 files changed, 50 insertions(+), 6 deletions(-)

diff --git a/src/app/components/navbar-actions/navbar-actions.component.html b/src/app/components/navbar-actions/navbar-actions.component.html
index 4713581..0bfc511 100644
--- a/src/app/components/navbar-actions/navbar-actions.component.html
+++ b/src/app/components/navbar-actions/navbar-actions.component.html
@@ -1,4 +1,4 @@
-<ul class="navbar-nav mb-2 mb-xl-0 align-items-center">
+<ul class="navbar-nav mt-0 mt-md-2 mt-xl-0 mb-2 mb-xl-0 align-items-start">
     <!-- Theme Toggle Button -->
     <li class="nav-item ms-2">
         <button
diff --git a/src/app/components/navbar-actions/navbar-actions.component.scss b/src/app/components/navbar-actions/navbar-actions.component.scss
index 86eca7f..e07d14d 100644
--- a/src/app/components/navbar-actions/navbar-actions.component.scss
+++ b/src/app/components/navbar-actions/navbar-actions.component.scss
@@ -28,6 +28,7 @@
 }
 
 .dropdown-menu {
+  display: none;
   border-radius: 10px;
   box-shadow:
     0 4px 8px var(--warm-shadow-color),
@@ -35,6 +36,10 @@
     0 16px 32px var(--warm-shadow-color-medium);
   padding: 0.5rem;
   margin-top: 0.5rem;
+
+  &.show {
+    display: block;
+  }
 }
 
 .dropdown-item {
@@ -104,8 +109,6 @@
     display: flex;
     flex-direction: row;
     width: 100%;
-    justify-content: flex-end;
-    align-items: center !important;
     gap: 5px;
 
     li {
diff --git a/src/app/components/navbar-list/navbar-list.component.html b/src/app/components/navbar-list/navbar-list.component.html
index 6f6bef1..4e20d21 100644
--- a/src/app/components/navbar-list/navbar-list.component.html
+++ b/src/app/components/navbar-list/navbar-list.component.html
@@ -1,4 +1,4 @@
-<ul class="navbar-nav mb-2 mb-xl-0 align-items-center">
+<ul class="navbar-nav mb-2 mb-xl-0">
     <li
             class="nav-item dropdown"
             *ngFor="let dropdown of (dropdowns || []); let i = index"
diff --git a/src/app/components/navbar-list/navbar-list.component.scss b/src/app/components/navbar-list/navbar-list.component.scss
index 86eae8e..283af14 100644
--- a/src/app/components/navbar-list/navbar-list.component.scss
+++ b/src/app/components/navbar-list/navbar-list.component.scss
@@ -56,6 +56,15 @@
   }
 }
 
+@media (max-width: 1199.98px) {
+  .nav-item {
+    width: 100%;
+    max-width: 400px;
+  }
+}
+
+
+
 @media (max-width: 767.98px) {
   .nav-item {
     margin: 0.25rem 0;
@@ -71,4 +80,10 @@
   .dropdown-item {
     padding: 0.5rem 0.75rem;
   }
+}
+
+@media (max-width: 528.98px) {
+  .nav-item {
+    max-width: 100%;
+  }
 }
\ No newline at end of file
diff --git a/src/app/components/navbar/navbar.component.scss b/src/app/components/navbar/navbar.component.scss
index ead9e1e..75fc10b 100644
--- a/src/app/components/navbar/navbar.component.scss
+++ b/src/app/components/navbar/navbar.component.scss
@@ -159,6 +159,9 @@
 @media (max-width: 768px) {
   .navbar-collapse {
     padding-top: 1rem;
+    overflow-y: auto;
+    height: calc(100vh - 50px);
+    transition: none;
   }
 
   .nav-item {
diff --git a/src/app/components/navbar/navbar.component.ts b/src/app/components/navbar/navbar.component.ts
index 9a1bcb7..ac5fdbd 100644
--- a/src/app/components/navbar/navbar.component.ts
+++ b/src/app/components/navbar/navbar.component.ts
@@ -1,4 +1,4 @@
-import { Component, Inject, OnInit, PLATFORM_ID } from "@angular/core";
+import { AfterViewInit, Component, Inject, OnInit, PLATFORM_ID } from "@angular/core";
 import { isPlatformBrowser } from "@angular/common";
 import { NavigationEnd, Router } from "@angular/router";
 import { filter } from "rxjs/operators";
@@ -13,7 +13,7 @@ import { NavbarDropdown } from "@components/navbar-list/navbar-list.component";
   styleUrls: ["./navbar.component.scss"],
   standalone: false,
 })
-export class NavbarComponent implements OnInit {
+export class NavbarComponent implements OnInit, AfterViewInit {
   readonly isBrowser: boolean;
   loginButtonAvailable = false;
 
@@ -33,6 +33,10 @@ export class NavbarComponent implements OnInit {
     this.isBrowser = isPlatformBrowser(platformId);
   }
 
+  ngAfterViewInit(): void {
+    this.setupCollapseScrollLock();
+  }
+
   ngOnInit(): void {
     this.setupSubscribers();
     this.loginButtonAvailable = true;
@@ -52,6 +56,25 @@ export class NavbarComponent implements OnInit {
     if (collapse?.classList.contains("show")) {
       collapse.classList.remove("show");
     }
+    this.setBodyScroll(true);
+  }
+
+  private setBodyScroll(enabled: boolean): void {
+    document.body.style.overflow = enabled ? "" : "hidden";
+  }
+
+  private setupCollapseScrollLock(): void {
+    if (!this.isBrowser) {
+      return;
+    }
+
+    const collapse = document.getElementById("navbarSupportedContent");
+    if (!collapse) {
+      return;
+    }
+
+    collapse.addEventListener("show.bs.collapse", () => this.setBodyScroll(false));
+    collapse.addEventListener("hide.bs.collapse", () => this.setBodyScroll(true));
   }
 
   private setupSubscribers(): void {

From 3f3e274659c80205bd519e8ff550a8c0fb7a73af Mon Sep 17 00:00:00 2001
From: francyfox <7info7web@gmail.com>
Date: Thu, 19 Mar 2026 12:40:56 +0500
Subject: [PATCH 06/13] fix: wednesday frog styles + footer

---
 src/app/app.component.html                    |  4 +-
 src/app/app.component.scss                    |  3 +-
 src/app/app.module.ts                         |  2 +
 .../companies-page.component.html             |  8 +-
 .../companies-page.component.scss             |  4 +
 .../company-page/company-page.component.html  |  2 +-
 .../home/components/home/home.component.html  | 10 +-
 .../home/components/home/home.component.scss  |  2 +-
 .../home/components/home/home.component.ts    |  1 +
 .../wednesday-frog.component.html             |  2 +-
 src/index.html                                | 95 -------------------
 src/styles.scss                               |  7 +-
 12 files changed, 28 insertions(+), 112 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 9472fd8..4970aa6 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,7 +1,7 @@
 <app-navbar></app-navbar>
 <app-admin-navbar *ngIf="showAdminNavbar"></app-admin-navbar>
 
-<div class="app-body d-flex flex-column h-100">
+<div class="app-body d-flex flex-column flex-grow-1">
   <main class="main flex-shrink-0">
     <div id="body-container">
       <router-outlet></router-outlet>
@@ -9,6 +9,8 @@
       <app-wednesday-frog></app-wednesday-frog>
     </div>
   </main>
+
+  <app-footer></app-footer>
   <app-spinner
     name="timer"
     bdOpacity="0.3"
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index 4b45223..efa1172 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -4,7 +4,8 @@
 // ═══════════════════════════════════════════════════════════════════════════════
 
 :host {
-  display: block;
+  display: flex;
+  flex-direction: column;
   flex: 1 0 auto;
   position: relative;
 }
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 13e744a..291c36f 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -24,6 +24,7 @@ import { NavbarActionsComponent } from "@components/navbar-actions/navbar-action
 import { NavbarComponent } from "@components/navbar/navbar.component";
 import { NavbarListComponent } from "@components/navbar-list/navbar-list.component";
 import { MaintenanceComponent } from "@components/maintenance/maintenance.component";
+import { FooterComponent } from "@components/footer/footer.component";
 
 @NgModule({
   declarations: [
@@ -33,6 +34,7 @@ import { MaintenanceComponent } from "@components/maintenance/maintenance.compon
     NavbarActionsComponent,
     AdminNavbarComponent,
     MaintenanceComponent,
+    FooterComponent,
   ],
   bootstrap: [AppComponent],
   imports: [
diff --git a/src/app/modules/companies/components/companies-page/companies-page.component.html b/src/app/modules/companies/components/companies-page/companies-page.component.html
index 04e458b..fd88349 100644
--- a/src/app/modules/companies/components/companies-page/companies-page.component.html
+++ b/src/app/modules/companies/components/companies-page/companies-page.component.html
@@ -2,10 +2,10 @@
 
 <div class="container my-5" *ngIf="companies; else dataLoading">
   <div class="card">
-    <div class="card-body mobile-px-5 mobile-py-5">
+    <div class="card-body py-3">
       <div class="company-list mb-3">
         <div class="row">
-          <div class="col-md-6 mb-1">
+          <div class="col-12 col-md-6 mb-1">
             <label for="searchQuery" class="visually-hidden"
               >Поиск компании</label
             >
@@ -19,7 +19,7 @@
               (keyup)="onKeyupEvent($event)"
             />
           </div>
-          <div class="col-md-3 mb-1">
+          <div class="col-12 col-md-6 col-xl-3 mb-1">
             <div class="">
               <label for="withRating" class="visually-hidden"
                 >Фильтр по рейтингу</label
@@ -36,7 +36,7 @@
               </select>
             </div>
           </div>
-          <div class="col-md-3 mb-1">
+          <div class="col-12 col-xl-3 mb-1">
             <button
               type="button"
               class="btn btn-outline-primary"
diff --git a/src/app/modules/companies/components/companies-page/companies-page.component.scss b/src/app/modules/companies/components/companies-page/companies-page.component.scss
index 5e4737d..314db4e 100644
--- a/src/app/modules/companies/components/companies-page/companies-page.component.scss
+++ b/src/app/modules/companies/components/companies-page/companies-page.component.scss
@@ -54,6 +54,10 @@
 
 .company-list {
   padding: 1rem 1.5rem;
+
+  @media (max-width: 991.98px) {
+    padding: 0.5rem 1rem;
+  }
 }
 
 .company-list-item {
diff --git a/src/app/modules/companies/components/company-page/company-page.component.html b/src/app/modules/companies/components/company-page/company-page.component.html
index 11e6251..58493ff 100644
--- a/src/app/modules/companies/components/company-page/company-page.component.html
+++ b/src/app/modules/companies/components/company-page/company-page.component.html
@@ -2,7 +2,7 @@
 
 <div class="container my-5" *ngIf="company; else dataLoading">
   <div class="card mb-5">
-    <div class="card-body mobile-px-5 mobile-py-5">
+    <div class="card-body mobile-px-5 mobile-py-2">
       <div class="mb-3">
         <div class="h2 mb-2">
           <div class="" *ngIf="company.reviewsCount > 0">
diff --git a/src/app/modules/home/components/home/home.component.html b/src/app/modules/home/components/home/home.component.html
index b0599aa..9876c44 100644
--- a/src/app/modules/home/components/home/home.component.html
+++ b/src/app/modules/home/components/home/home.component.html
@@ -37,7 +37,7 @@ <h1 class="display-1 uwu-title">Зарплаты в IT</h1>
           </div>
         </div>
         <div
-          class="col-md-5 d-flex align-items-center justify-content-center align-items-md-end justify-content-md-end">
+          class="col-md-5 d-flex align-items-center justify-content-center align-items-md-start align-items-sm-end justify-content-md-end">
           <img class="img-fluid feature-image"
             src="/img/images/main_charts_transparent_800.png" srcset="
               /img/images/main_charts_transparent_480.png 480w,
@@ -69,7 +69,7 @@ <h1 class="display-1 uwu-title">Зарплаты в IT</h1>
         </div>
 
         <div
-          class="col-md-5 d-flex align-items-center justify-content-center align-items-md-end justify-content-md-end">
+          class="col-md-5 d-flex align-items-end align-items-sm-start">
           <img class="img-fluid feature-image"
             src="/img/images/company_reviews_800.png" srcset="
               /img/images/company_reviews_480.png 480w,
@@ -100,7 +100,7 @@ <h1 class="display-1 uwu-title">Зарплаты в IT</h1>
         </div>
 
         <div
-          class="col-md-5 d-flex align-items-center justify-content-center align-items-md-end justify-content-md-end">
+          class="col-md-5 d-flex align-items-end align-items-sm-start">
           <img class="img-fluid feature-image"
             src="/img/images/main_interview_transparent_800.png"
             srcset="
@@ -114,7 +114,7 @@ <h1 class="display-1 uwu-title">Зарплаты в IT</h1>
     </div>
   </div>
 
-  <div class="feature">
+  <div class="feature" [class.pb-0]="showFrog">
     <div class="container">
       <div class="feature-title">
         Наш проект &mdash; некоммерческий и в свободном доступе.
@@ -128,7 +128,7 @@ <h1 class="display-1 uwu-title">Зарплаты в IT</h1>
         Вы можете поддержать через Boosty или купить нам кофе с помощью кнопок
         ниже. Мы благодарны любой помощи.
       </div>
-      <div class="mb-5 mt-3">
+      <div class="mt-3">
         <a href="https://github.com/orgs/Techinterview-space/repositories" class="me-3 mb-2 btn btn-lg btn-outline-dark"
           rel="noopener noreferrer" target="_blank">
           <i class="bi bi-github me-2"></i>Исходный код</a>
diff --git a/src/app/modules/home/components/home/home.component.scss b/src/app/modules/home/components/home/home.component.scss
index 00104b8..aa971bf 100644
--- a/src/app/modules/home/components/home/home.component.scss
+++ b/src/app/modules/home/components/home/home.component.scss
@@ -222,7 +222,7 @@
 
 @media (max-width: 768px) {
   .feature {
-    padding: 3rem 0;
+    padding: 1rem 0;
     text-align: center;
   }
 
diff --git a/src/app/modules/home/components/home/home.component.ts b/src/app/modules/home/components/home/home.component.ts
index 13e1d5d..6baf98a 100644
--- a/src/app/modules/home/components/home/home.component.ts
+++ b/src/app/modules/home/components/home/home.component.ts
@@ -19,6 +19,7 @@ export class HomeComponent implements OnInit, OnDestroy {
   readonly uwuLinkDark =
     "/img/images/uwu_dark_1000.png";
 
+  readonly showFrog = new Date().getDay() === 3;
   showUwu = false;
   uwuImageLink: string | null = null;
   loaded = false;
diff --git a/src/app/shared/components/wednesday-frog/wednesday-frog.component.html b/src/app/shared/components/wednesday-frog/wednesday-frog.component.html
index dc2cc61..a07840b 100644
--- a/src/app/shared/components/wednesday-frog/wednesday-frog.component.html
+++ b/src/app/shared/components/wednesday-frog/wednesday-frog.component.html
@@ -1,4 +1,4 @@
-<div class="mt-5 d-md-flex justify-content-end" *ngIf="showFrog">
+<div class="mt-3 md-sm-0 d-md-flex justify-content-end" *ngIf="showFrog">
   <img
     class="frog-img img-fluid"
     src="{{ littleFrogLink }}"
diff --git a/src/index.html b/src/index.html
index 0f4afa2..601bc69 100644
--- a/src/index.html
+++ b/src/index.html
@@ -95,101 +95,6 @@
 <body class="d-flex flex-column h-100">
   <app-root></app-root>
 
-  <div class="footer mt-auto d-block">
-    <div class="py-5 footer-wrapper">
-      <div class="container">
-        <div class="row">
-          <div class="col-lg-4 mobile-mb-3">
-            <div class="h4">
-              <a class="footer-link" href="/">Techinterview.space</a>
-            </div>
-            <div class="mt-3">Алматы, Казахстан</div>
-            <div class="mt-3">
-              <span id="current-year"></span>,
-              <a class="footer-link" href="https://mgorbatyuk.dev" target="_blank" rel="noopener noreferrer">©
-                maximgorbatyuk</a>
-            </div>
-          </div>
-
-          <div class="col-lg-4 mobile-mb-3">
-            <div class="h4 footer-link-header">Наши проекты</div>
-            <ul class="mt-3 no-bullets">
-              <li>
-                <a class="footer-link" href="https://t.me/techinterview_salaries_bot" target="_blank"
-                  title="Бот для получения зарплатных данных" rel="noopener noreferrer">
-                  <i class="bi bi-telegram"></i><span class="ms-2">&#64;techinterview_salaries_bot</span>
-                </a>
-              </li>
-              <li>
-                <a class="footer-link" href="https://t.me/github_profile_bot" target="_blank"
-                  title="Бот для получения статистики по профилю Github" rel="noopener noreferrer">
-                  <i class="bi bi-telegram"></i><span class="ms-2">&#64;github_profile_bot</span>
-                </a>
-              </li>
-              <li>
-                <a class="footer-link"
-                  href="https://maximgorbatyuk.notion.site/e7e9dbadcbf54030b3b92105d96cd98d?utm_source=techinterview.space"
-                  target="_blank" title="База знаний по ИП в Казахстане" rel="noopener noreferrer">
-                  <i class="bi bi-dot"></i><span class="ms-2">База знаний по ИП в Казахстане</span>
-                </a>
-              </li>
-              <li>
-                <a class="footer-link" href="https://mgorbatyuk.dev/ev-charging-tracker/" target="_blank"
-                  title="EV charging tracker" rel="noopener noreferrer">
-                  <i class="bi bi-dot"></i><span class="ms-2">EV charging tracker (iOS)</span>
-                </a>
-              </li>
-              <li>
-                <a class="footer-link" href="https://mgorbatyuk.dev/journey-wallet/" target="_blank"
-                  title="Journey wallet" rel="noopener noreferrer">
-                  <i class="bi bi-dot"></i><span class="ms-2">Journey wallet (iOS)</span>
-                </a>
-              </li>
-            </ul>
-          </div>
-
-          <div class="col-lg-4">
-            <div class="h4 footer-link-header">Ссылки</div>
-            <ul class="mt-3 no-bullets">
-              <li>
-                <a class="footer-link" href="/about-us">
-                  <i class="bi bi-dot"></i><span class="ms-2">О нас</span>
-                </a>
-              </li>
-              <li>
-                <a class="footer-link" href="/about-telegram-bot">
-                  <i class="bi bi-dot"></i><span class="ms-2">О ботах в Telegram</span>
-                </a>
-              </li>
-              <li>
-                <a class="footer-link" href="/agreements/privacy-policy">
-                  <i class="bi bi-dot"></i><span class="ms-2">Пользовательское соглашение</span>
-                </a>
-              </li>
-              <li>
-                <a class="footer-link" href="/design-system">
-                  <i class="bi bi-dot"></i><span class="ms-2">Дизайн-система</span>
-                </a>
-              </li>
-              <li>
-                <a class="footer-link" href="/?uwu=true">
-                  <i class="bi bi-dot"></i><span class="ms-2">UwU?</span>
-                </a>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <script>
-    document.addEventListener("DOMContentLoaded", function () {
-      var yearElement = document.getElementById("current-year");
-      if (yearElement) {
-        yearElement.textContent = new Date().getFullYear();
-      }
-    });
-  </script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/src/styles.scss b/src/styles.scss
index 21bad83..9d07759 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -1435,7 +1435,8 @@ hr {
   }
 }*/
 
-
-:root[data-theme="dark"] .navbar-brand:hover, .navbar-brand:focus {
-  --bs-navbar-brand-hover-color: #fff; // fix navbar color on dark mode
+:root[data-theme="dark"]  {
+  .navbar-brand:hover, .navbar-brand:focus {
+    --bs-navbar-brand-hover-color: #fff; // fix navbar color on dark mode
+  }
 }
\ No newline at end of file

From 16c183471a75d3fd97f864d5adb1a5065096278a Mon Sep 17 00:00:00 2001
From: francyfox <7info7web@gmail.com>
Date: Thu, 19 Mar 2026 12:41:07 +0500
Subject: [PATCH 07/13] fix: footer

---
 .../components/footer/footer.component.html   | 38 +++++++++++++++++++
 .../components/footer/footer.component.scss   |  3 ++
 src/app/components/footer/footer.component.ts | 11 ++++++
 3 files changed, 52 insertions(+)
 create mode 100644 src/app/components/footer/footer.component.html
 create mode 100644 src/app/components/footer/footer.component.scss
 create mode 100644 src/app/components/footer/footer.component.ts

diff --git a/src/app/components/footer/footer.component.html b/src/app/components/footer/footer.component.html
new file mode 100644
index 0000000..f7238d0
--- /dev/null
+++ b/src/app/components/footer/footer.component.html
@@ -0,0 +1,38 @@
+<div class="footer mt-auto d-block">
+    <div class="py-5 footer-wrapper">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-4 col-md-6 mobile-mb-3">
+                    <div class="h4">
+                        <a class="footer-link" href="/">Techinterview.space</a>
+                    </div>
+                    <div class="mt-3">Алматы, Казахстан</div>
+                    <div class="mt-3">
+                        {{ currentYear }},
+                        <a class="footer-link" href="https://mgorbatyuk.dev" target="_blank" rel="noopener noreferrer">© maximgorbatyuk</a>
+                    </div>
+                </div>
+                <div class="col-lg-4 col-md-6 mobile-mb-3">
+                    <div class="h4 footer-link-header">Наши проекты</div>
+                    <ul class="mt-3 no-bullets">
+                        <li><a class="footer-link" href="https://t.me/techinterview_salaries_bot" target="_blank" title="Бот для получения зарплатных данных" rel="noopener noreferrer"><i class="bi bi-telegram"></i><span class="ms-2">&#64;techinterview_salaries_bot</span></a></li>
+                        <li><a class="footer-link" href="https://t.me/github_profile_bot" target="_blank" title="Бот для получения статистики по профилю Github" rel="noopener noreferrer"><i class="bi bi-telegram"></i><span class="ms-2">&#64;github_profile_bot</span></a></li>
+                        <li><a class="footer-link" href="https://maximgorbatyuk.notion.site/e7e9dbadcbf54030b3b92105d96cd98d?utm_source=techinterview.space" target="_blank" title="База знаний по ИП в Казахстане" rel="noopener noreferrer"><i class="bi bi-dot"></i><span class="ms-2">База знаний по ИП в Казахстане</span></a></li>
+                        <li><a class="footer-link" href="https://mgorbatyuk.dev/ev-charging-tracker/" target="_blank" title="EV charging tracker" rel="noopener noreferrer"><i class="bi bi-dot"></i><span class="ms-2">EV charging tracker (iOS)</span></a></li>
+                        <li><a class="footer-link" href="https://mgorbatyuk.dev/journey-wallet/" target="_blank" title="Journey wallet" rel="noopener noreferrer"><i class="bi bi-dot"></i><span class="ms-2">Journey wallet (iOS)</span></a></li>
+                    </ul>
+                </div>
+                <div class="col-lg-4">
+                    <div class="h4 footer-link-header">Ссылки</div>
+                    <ul class="mt-3 no-bullets">
+                        <li><a class="footer-link" href="/about-us"><i class="bi bi-dot"></i><span class="ms-2">О нас</span></a></li>
+                        <li><a class="footer-link" href="/about-telegram-bot"><i class="bi bi-dot"></i><span class="ms-2">О ботах в Telegram</span></a></li>
+                        <li><a class="footer-link" href="/agreements/privacy-policy"><i class="bi bi-dot"></i><span class="ms-2">Пользовательское соглашение</span></a></li>
+                        <li><a class="footer-link" href="/design-system"><i class="bi bi-dot"></i><span class="ms-2">Дизайн-система</span></a></li>
+                        <li><a class="footer-link" href="/?uwu=true"><i class="bi bi-dot"></i><span class="ms-2">UwU?</span></a></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/app/components/footer/footer.component.scss b/src/app/components/footer/footer.component.scss
new file mode 100644
index 0000000..9ade72b
--- /dev/null
+++ b/src/app/components/footer/footer.component.scss
@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}
\ No newline at end of file
diff --git a/src/app/components/footer/footer.component.ts b/src/app/components/footer/footer.component.ts
new file mode 100644
index 0000000..0c25bf2
--- /dev/null
+++ b/src/app/components/footer/footer.component.ts
@@ -0,0 +1,11 @@
+import { Component } from "@angular/core";
+
+@Component({
+  selector: "app-footer",
+  templateUrl: "./footer.component.html",
+  styleUrls: ["./footer.component.scss"],
+  standalone: false,
+})
+export class FooterComponent {
+  readonly currentYear = new Date().getFullYear();
+}
\ No newline at end of file

From a3dfe5327c991f94ff199c4ebd7951473d548c0e Mon Sep 17 00:00:00 2001
From: francyfox <7info7web@gmail.com>
Date: Thu, 19 Mar 2026 13:01:48 +0500
Subject: [PATCH 08/13] fix: pagination mobile

---
 .../pagination-buttons.component.html                 | 11 ++++++++++-
 .../pagination-buttons.component.ts                   | 11 +++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/app/shared/components/pagination-buttons/pagination-buttons.component.html b/src/app/shared/components/pagination-buttons/pagination-buttons.component.html
index a0fcf6d..4326a15 100644
--- a/src/app/shared/components/pagination-buttons/pagination-buttons.component.html
+++ b/src/app/shared/components/pagination-buttons/pagination-buttons.component.html
@@ -14,9 +14,18 @@
         </button>
       </li>
 
+      <li
+        *ngFor="let page of mobilePages"
+        class="page-item d-md-none {{ activePageStyle(page) }}"
+      >
+        <button type="button" class="page-link" (click)="pageClicked(page)">
+          {{ page }}
+        </button>
+      </li>
+
       <li
         *ngFor="let page of pages"
-        class="page-item {{ activePageStyle(page) }}"
+        class="page-item d-none d-md-flex {{ activePageStyle(page) }}"
       >
         <button
           *ngIf="page !== null"
diff --git a/src/app/shared/components/pagination-buttons/pagination-buttons.component.ts b/src/app/shared/components/pagination-buttons/pagination-buttons.component.ts
index 85c37ca..28065d2 100644
--- a/src/app/shared/components/pagination-buttons/pagination-buttons.component.ts
+++ b/src/app/shared/components/pagination-buttons/pagination-buttons.component.ts
@@ -25,6 +25,7 @@ export class PaginationButtonsComponent implements OnInit, OnChanges {
   pageChange: EventEmitter<number> = new EventEmitter<number>();
 
   pages: Array<number | null> = [];
+  mobilePages: Array<number | null> = [];
   lastPage: number | null = null;
 
   get disablePreviousButton(): boolean {
@@ -93,6 +94,16 @@ export class PaginationButtonsComponent implements OnInit, OnChanges {
       } else {
         this.pages = allPages;
       }
+
+      if (this.lastPage <= 3) {
+        this.mobilePages = allPages;
+      } else if (current === 1) {
+        this.mobilePages = [1, 2, 3];
+      } else if (current >= this.lastPage) {
+        this.mobilePages = [this.lastPage - 2, this.lastPage - 1, this.lastPage];
+      } else {
+        this.mobilePages = [current - 1, current, current + 1];
+      }
     }
   }
 

From 9db9a6879f5172d374da985c5d02346391578be6 Mon Sep 17 00:00:00 2001
From: francyfox <7info7web@gmail.com>
Date: Thu, 19 Mar 2026 13:08:07 +0500
Subject: [PATCH 09/13] fix: currencies chart markup + remove salaries title
 duplicate

---
 .../currencies-chart-page.component.html      | 24 ++++++++++---------
 .../historical-salaries-chart.component.html  |  4 ----
 2 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/src/app/modules/salaries/components/currencies-chart-page/currencies-chart-page.component.html b/src/app/modules/salaries/components/currencies-chart-page/currencies-chart-page.component.html
index 75f716a..c42c626 100644
--- a/src/app/modules/salaries/components/currencies-chart-page/currencies-chart-page.component.html
+++ b/src/app/modules/salaries/components/currencies-chart-page/currencies-chart-page.component.html
@@ -3,24 +3,26 @@
 <div class="container my-5">
   <div class="card">
     <div class="card-body p-4">
-      <div class="d-flex justify-content-between align-items-center mb-4">
-        <div>
+      <div class="row justify-content-between align-items-center mb-4 gap-2">
+        <div class="col-12 col-md-6">
           <h5 class="mb-1">Динамика курсов валют</h5>
           <p class="text-muted mb-0 small">
             Средние значения курсов валют по неделям относительно KZT
           </p>
         </div>
-        <button
-          class="btn btn-sm btn-outline-secondary"
-          (click)="refresh()"
-          [disabled]="isLoading"
-        >
+          <div class="col-12 col-md-auto">
+              <button
+                      class="btn btn-sm btn-outline-secondary"
+                      (click)="refresh()"
+                      [disabled]="isLoading"
+              >
           <span
-            *ngIf="isLoading"
-            class="spinner-border spinner-border-sm me-1"
+                  *ngIf="isLoading"
+                  class="spinner-border spinner-border-sm me-1"
           ></span>
-          Обновить
-        </button>
+                  Обновить
+              </button>
+          </div>
       </div>
 
       <!-- Loading state -->
diff --git a/src/app/modules/salaries/components/historical-charts-page/historical-salaries-chart/historical-salaries-chart.component.html b/src/app/modules/salaries/components/historical-charts-page/historical-salaries-chart/historical-salaries-chart.component.html
index 664f59d..d2f440f 100644
--- a/src/app/modules/salaries/components/historical-charts-page/historical-salaries-chart/historical-salaries-chart.component.html
+++ b/src/app/modules/salaries/components/historical-charts-page/historical-salaries-chart/historical-salaries-chart.component.html
@@ -1,7 +1,3 @@
-<div class="mb-3" *ngIf="template?.name">
-  <span class="h4">{{ template?.name }}</span>
-</div>
-
 <div class="canvas-container">
   <canvas [id]="canvasId">{{ chart }}</canvas>
 </div>

From e0c91c1debb1bf98e5463f7749ad22f7d52d113c Mon Sep 17 00:00:00 2001
From: francyfox <7info7web@gmail.com>
Date: Thu, 19 Mar 2026 13:25:03 +0500
Subject: [PATCH 10/13] chore: CHANGELOG.md

---
 CHANGELOG.md | 47 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index cff3b9e..0ed19a4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,52 @@
 # Changelog
 
+## 2026-03-19
+
+### Summary
+
+UI, performance, and layout fixes across the application — focused on mobile responsiveness, font loading, image optimization, and navbar refactoring.
+
+### Fonts
+
+- Replaced Google Fonts (Lora, Nunito) with self-hosted `@fontsource/lora` and `@fontsource/nunito` packages to fix production build failure caused by font inlining errors and eliminate external font dependency.
+- Removed Google Fonts `<link>` preconnect and stylesheet tags from `index.html`.
+
+### Image Optimization
+
+- Added `ipx` Express middleware at `/img` route for on-the-fly WebP conversion of images served from DigitalOcean Spaces CDN.
+- Replaced all hardcoded CDN image URLs in templates with `/img/` proxy paths. Preserved original CDN URLs only for `og:image` and `twitter:image` meta tags required for social sharing.
+- GIF images are excluded from WebP conversion.
+- Added `Cache-Control: public, max-age=86400, s-maxage=604800` headers on image responses.
+
+### Navbar
+
+- Decomposed `navbar.component.html` into two sub-components: `NavbarListComponent` (dropdown menus) and `NavbarActionsComponent` (theme toggle + login/logout).
+- Applied `position: sticky; top: 0` to navbar host element for sticky header behavior.
+- Added body scroll lock when burger menu is open via Bootstrap collapse events (`show.bs.collapse` / `hide.bs.collapse`).
+- Added automatic burger menu close on Angular router navigation.
+- On mobile (below xl breakpoint): `app-navbar-actions` is displayed first (above nav links) in a full-width row with `justify-content: space-between`.
+
+### Footer
+
+- Moved footer from static HTML in `index.html` into the Angular app as `FooterComponent` to fix sticky navbar losing visibility when scrolling into the footer area.
+- `app-root` is now a flex column container, ensuring the footer is always pushed to the bottom of the page.
+
+### Home Page
+
+- Removed hardcoded `mt-5` from the Wednesday frog component.
+- Last feature block bottom margin is removed when the Wednesday frog is visible, eliminating excess whitespace.
+
+### Pagination
+
+- On mobile (below md breakpoint), pagination shows at most 3 page buttons: previous, current, and next page. Full pagination is shown on desktop.
+
+### Misc
+
+- Fixed duplicate section titles on the Historical Data page.
+- Fixed currencies chart layout on narrow screens.
+
+---
+
 ## 2026-02-12
 
 ### Public Surveys Page

From 7552b534a5489b6ce2a3210215f32b14694427ec Mon Sep 17 00:00:00 2001
From: francyfox <7info7web@gmail.com>
Date: Thu, 19 Mar 2026 13:39:43 +0500
Subject: [PATCH 11/13] fix: rollback api

---
 src/environments/environment.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/environments/environment.ts b/src/environments/environment.ts
index f4e7ab8..5d9952a 100644
--- a/src/environments/environment.ts
+++ b/src/environments/environment.ts
@@ -4,7 +4,7 @@ export const environment = {
   isUnderMaintenance: false,
   type: "dev",
   baseUrl: "http://localhost:4200",
-  resourceApiURI: "https://api.techinterview.space",
+  resourceApiURI: "https://localhost:5001",
   name: "dev",
   auth: {
     redirectUri: "http://localhost:4200/auth-callback",

From 6274ad675865895b7fee9cb1ec33824761e800cc Mon Sep 17 00:00:00 2001
From: francyfox <7info7web@gmail.com>
Date: Thu, 19 Mar 2026 16:27:12 +0500
Subject: [PATCH 12/13] fix: coderabbit issue + terms card offset

---
 .../privacy-policy-page/privacy-policy-page.component.html | 2 +-
 .../components/register-page/register-page.component.html  | 2 +-
 .../pagination-buttons/pagination-buttons.component.html   | 7 ++++---
 .../pagination-buttons/pagination-buttons.component.ts     | 4 ++++
 .../wednesday-frog/wednesday-frog.component.html           | 2 +-
 src/environments/environment.local.ts                      | 2 +-
 src/server.ts                                              | 2 +-
 7 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/app/modules/home/components/privacy-policy-page/privacy-policy-page.component.html b/src/app/modules/home/components/privacy-policy-page/privacy-policy-page.component.html
index 6a418fd..b344ec8 100644
--- a/src/app/modules/home/components/privacy-policy-page/privacy-policy-page.component.html
+++ b/src/app/modules/home/components/privacy-policy-page/privacy-policy-page.component.html
@@ -3,7 +3,7 @@
 <div class="container mb-5">
   <div class="card">
     <div class="card-body">
-      <div class="px-5">
+      <div class="px-2 px-md-5">
         <div class="small text-muted">Обновлено: 2026-02-25</div>
         <div class="small text-muted">Дата вступления в силу: 2026-02-25</div>
 
diff --git a/src/app/modules/home/components/register-page/register-page.component.html b/src/app/modules/home/components/register-page/register-page.component.html
index 83333fc..12494f4 100644
--- a/src/app/modules/home/components/register-page/register-page.component.html
+++ b/src/app/modules/home/components/register-page/register-page.component.html
@@ -120,7 +120,7 @@ <h1 class="auth-title">Создайте аккаунт</h1>
             }}</span>
           </div>
           <small class="form-hint">
-            Должен быть не менее 8 символов, содержать заглавную, строчную буквы
+            Должен быть не менее 8 символов, содержать заглавную, строчную букву
             и цифру
           </small>
         </div>
diff --git a/src/app/shared/components/pagination-buttons/pagination-buttons.component.html b/src/app/shared/components/pagination-buttons/pagination-buttons.component.html
index 4326a15..537d7f4 100644
--- a/src/app/shared/components/pagination-buttons/pagination-buttons.component.html
+++ b/src/app/shared/components/pagination-buttons/pagination-buttons.component.html
@@ -15,22 +15,23 @@
       </li>
 
       <li
-        *ngFor="let page of mobilePages"
+        *ngFor="let page of mobilePages; trackBy: trackByPage"
         class="page-item d-md-none {{ activePageStyle(page) }}"
       >
-        <button type="button" class="page-link" (click)="pageClicked(page)">
+        <button type="button" class="page-link" [attr.aria-label]="'Page ' + page" (click)="pageClicked(page)">
           {{ page }}
         </button>
       </li>
 
       <li
-        *ngFor="let page of pages"
+        *ngFor="let page of pages; trackBy: trackByPage"
         class="page-item d-none d-md-flex {{ activePageStyle(page) }}"
       >
         <button
           *ngIf="page !== null"
           type="button"
           class="page-link"
+          [attr.aria-label]="'Page ' + page"
           (click)="pageClicked(page)"
         >
           {{ page }}
diff --git a/src/app/shared/components/pagination-buttons/pagination-buttons.component.ts b/src/app/shared/components/pagination-buttons/pagination-buttons.component.ts
index 28065d2..bd19efc 100644
--- a/src/app/shared/components/pagination-buttons/pagination-buttons.component.ts
+++ b/src/app/shared/components/pagination-buttons/pagination-buttons.component.ts
@@ -129,6 +129,10 @@ export class PaginationButtonsComponent implements OnInit, OnChanges {
     }
   }
 
+  trackByPage(_index: number, page: number | null): number | null {
+    return page;
+  }
+
   activePageStyle(page: number | null): string {
     if (page == null) {
       return "";
diff --git a/src/app/shared/components/wednesday-frog/wednesday-frog.component.html b/src/app/shared/components/wednesday-frog/wednesday-frog.component.html
index a07840b..ae414d9 100644
--- a/src/app/shared/components/wednesday-frog/wednesday-frog.component.html
+++ b/src/app/shared/components/wednesday-frog/wednesday-frog.component.html
@@ -1,4 +1,4 @@
-<div class="mt-3 md-sm-0 d-md-flex justify-content-end" *ngIf="showFrog">
+<div class="mt-3 d-md-flex justify-content-end" *ngIf="showFrog">
   <img
     class="frog-img img-fluid"
     src="{{ littleFrogLink }}"
diff --git a/src/environments/environment.local.ts b/src/environments/environment.local.ts
index 8774f5f..2137041 100644
--- a/src/environments/environment.local.ts
+++ b/src/environments/environment.local.ts
@@ -4,7 +4,7 @@ export const environment = {
   isUnderMaintenance: false,
   type: "local",
   baseUrl: "http://localhost:4200",
-  resourceApiURI: "https://api.techinterview.space",
+  resourceApiURI: "https://localhost:5001",
   name: "local",
   auth: {
     redirectUri: "http://localhost:4200/auth-callback",
diff --git a/src/server.ts b/src/server.ts
index 079859d..c3a8b5a 100644
--- a/src/server.ts
+++ b/src/server.ts
@@ -8,7 +8,7 @@ import compression from "compression";
 import express from "express";
 
 import { join } from "node:path";
-import { IpxMiddleware } from 'src/server/middleware/ipx'
+import { IpxMiddleware } from './server/middleware/ipx'
 import { redirectToCanonicalSitemap } from "./server/sitemap-redirect.util";
 
 const browserDistFolder = join(import.meta.dirname, "../browser");

From 2e18bfce778d5f0cf75bc4cf7a3ce93d02eb1d39 Mon Sep 17 00:00:00 2001
From: francyfox <7info7web@gmail.com>
Date: Thu, 19 Mar 2026 16:39:50 +0500
Subject: [PATCH 13/13] fix: restore en locale for pass

---
 .../register-page/register-page.component.ts           | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/modules/home/components/register-page/register-page.component.ts b/src/app/modules/home/components/register-page/register-page.component.ts
index 9bba09f..ddeb7dd 100644
--- a/src/app/modules/home/components/register-page/register-page.component.ts
+++ b/src/app/modules/home/components/register-page/register-page.component.ts
@@ -113,8 +113,8 @@ export class RegisterPageComponent implements OnDestroy {
     return hasLower && hasUpper && hasDigit;
   }
 
-  getPasswordStrength(): "слабый" | "средний" | "сильный" {
-    if (this.password.length < 8) return "слабый";
+  getPasswordStrength(): "weak" | "medium" | "strong" {
+    if (this.password.length < 8) return "weak";
     const hasLower = /[a-z]/.test(this.password);
     const hasUpper = /[A-Z]/.test(this.password);
     const hasDigit = /\d/.test(this.password);
@@ -122,9 +122,9 @@ export class RegisterPageComponent implements OnDestroy {
     const score = [hasLower, hasUpper, hasDigit, hasSpecial].filter(
       Boolean,
     ).length;
-    if (score >= 4 && this.password.length >= 12) return "сильный";
-    if (score >= 3) return "средний";
-    return "слабый";
+    if (score >= 4 && this.password.length >= 12) return "strong";
+    if (score >= 3) return "medium";
+    return "weak";
   }
 
   ngOnDestroy(): void {