diff --git a/.eslintrc.cjs b/.eslintrc.cjs
new file mode 100644
index 0000000..42c1ee9
--- /dev/null
+++ b/.eslintrc.cjs
@@ -0,0 +1,61 @@
+/** @type {import("eslint").Linter.Config} */
+module.exports = {
+  extends: [
+    '@rushstack/eslint-config/profile/node-trusted-tool',
+    'plugin:astro/recommended',
+    'plugin:react-hooks/recommended',
+    'plugin:unicorn/recommended',
+    'plugin:sonarjs/recommended-legacy'
+  ],
+  plugins: ['import'],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    tsconfigRootDir: __dirname,
+    sourceType: 'module',
+    ecmaVersion: 'latest'
+  },
+  rules: {
+    'unicorn/prevent-abbreviations': [
+      'error',
+      {
+        allowList: {
+          props: true,
+          Props: true,
+          ref: true,
+          Ref: true,
+          Dev: true
+        }
+      }
+    ],
+    'unicorn/filename-case': 'off',
+    'react-hooks/exhaustive-deps': 'error',
+    'no-console': 'error',
+    '@typescript-eslint/naming-convention': 'off',
+    'import/order': [
+      'warn',
+      {
+        groups: ['builtin', 'external', 'internal'],
+        'newlines-between': 'always'
+      }
+    ],
+    '@rushstack/typedef-var': 'off',
+    'unicorn/no-null': 'off',
+    '@typescript-eslint/no-floating-promises': 'off',
+    'unicorn/no-useless-undefined': 'off'
+  },
+  settings: {
+    'import/resolver': {
+      typescript: {}
+    }
+  },
+  overrides: [
+    {
+      files: ['*.astro'],
+      parser: 'astro-eslint-parser',
+      parserOptions: {
+        parser: '@typescript-eslint/parser',
+        extraFileExtensions: ['.astro']
+      }
+    }
+  ]
+};
diff --git a/.github/workflows/eslint.yml b/.github/workflows/eslint.yml
new file mode 100644
index 0000000..a11821c
--- /dev/null
+++ b/.github/workflows/eslint.yml
@@ -0,0 +1,53 @@
+# This workflow uses actions that are not certified by GitHub.
+# They are provided by a third-party and are governed by
+# separate terms of service, privacy policy, and support
+# documentation.
+# ESLint is a tool for identifying and reporting on patterns
+# found in ECMAScript/JavaScript code.
+# More details at https://github.com/eslint/eslint
+# and https://eslint.org
+
+name: ESLint
+
+on:
+  push:
+    branches: ['master']
+  pull_request:
+    # The branches below must be a subset of the branches above
+    branches: ['master']
+  schedule:
+    - cron: '35 0 * * 1'
+
+jobs:
+  eslint:
+    name: Run eslint scanning
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      security-events: write
+      actions: read # only required for a private repository by github/codeql-action/upload-sarif to get the Action run status
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Install PNPM
+        uses: pnpm/action-setup@v2
+
+      - name: Install Dependencies
+        run: pnpm install
+
+      - name: Run ESLint
+        run: pnpm exec eslint .
+          --config .eslintrc.cjs
+          --ext .js,.jsx,.ts,.tsx,.astro
+          --format @microsoft/eslint-formatter-sarif
+          --output-file eslint-results.sarif
+        env:
+          SARIF_ESLINT_IGNORE_SUPPRESSED: 'true'
+        continue-on-error: true
+
+      - name: Upload analysis results to GitHub
+        uses: github/codeql-action/upload-sarif@v2
+        with:
+          sarif_file: eslint-results.sarif
+          wait-for-processing: true
diff --git a/astro.config.ts b/astro.config.ts
index 1eb5d14..ae3773e 100644
--- a/astro.config.ts
+++ b/astro.config.ts
@@ -1,19 +1,19 @@
-import { defineConfig } from "astro/config";
-import mdx from "@astrojs/mdx";
-import sitemap from "@astrojs/sitemap";
-import react from "@astrojs/react";
+import { defineConfig } from 'astro/config';
+import mdx from '@astrojs/mdx';
+import sitemap from '@astrojs/sitemap';
+import react from '@astrojs/react';
 
-import { pagefind } from "./integrations/pagefind";
-import { remarkReadingTime } from "./integrations/remarkReadingTime.mjs";
-import expressiveCode from "./integrations/expressiveCode.mjs";
+import { pagefind } from './integrations/pagefind';
+import { remarkReadingTime } from './integrations/remarkReadingTime.mjs';
+import expressiveCode from './integrations/expressiveCode.mjs';
 
 // https://astro.build/config
 export default defineConfig({
-  site: "https://newesters.github.io",
-  base: "/hacknote-js",
+  site: 'https://newesters.github.io',
+  base: '/hacknote-js',
   integrations: [expressiveCode, mdx(), sitemap(), react(), pagefind()],
   markdown: {
-    remarkPlugins: [remarkReadingTime],
+    remarkPlugins: [remarkReadingTime]
   },
-  scopedStyleStrategy: "where",
+  scopedStyleStrategy: 'where'
 });
diff --git a/integrations/pagefind.ts b/integrations/pagefind.ts
index 8987b88..5fec9dd 100644
--- a/integrations/pagefind.ts
+++ b/integrations/pagefind.ts
@@ -1,33 +1,33 @@
-import { fileURLToPath } from "node:url";
-import { execSync } from "node:child_process";
+import { fileURLToPath } from 'node:url';
+import { execSync } from 'node:child_process';
 
-import { type AstroIntegration } from "astro";
-import sirv from "sirv";
+import { type AstroIntegration } from 'astro';
+import sirv from 'sirv';
 
 export function pagefind(): AstroIntegration {
   let outDir: string;
 
   return {
-    name: "astro-pagefind",
+    name: 'astro-pagefind',
     hooks: {
-      "astro:config:setup": ({ config }) => {
+      'astro:config:setup': ({ config }) => {
         outDir = fileURLToPath(config.outDir);
       },
-      "astro:server:setup": ({ server }) => {
+      'astro:server:setup': ({ server }) => {
         const serve = sirv(outDir, {
           dev: true,
-          etag: true,
+          etag: true
         });
 
         server.middlewares.use((request, response, next) => {
-          if (request.url?.startsWith("/pagefind/")) {
+          if (request.url?.startsWith('/pagefind/')) {
             serve(request, response, next);
           } else {
             next();
           }
         });
       },
-      "astro:build:done": ({ logger }) => {
+      'astro:build:done': ({ logger }) => {
         if (!outDir) {
           logger.warn(
             "astro-pagefind couldn't reliably determine the output directory. Search index will not be built."
@@ -37,9 +37,9 @@ export function pagefind(): AstroIntegration {
 
         const cmd = `npx pagefind --site "${outDir}"`;
         execSync(cmd, {
-          stdio: [process.stdin, process.stdout, process.stderr],
+          stdio: [process.stdin, process.stdout, process.stderr]
         });
-      },
-    },
+      }
+    }
   };
 }
diff --git a/package.json b/package.json
index 22861d4..45d5bd6 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,10 @@
     "start": "astro dev",
     "build": "astro build",
     "preview": "astro preview",
-    "astro": "astro"
+    "astro": "astro",
+    "lint:prettier": "prettier --write  \"**/*.{js,jsx,ts,tsx,md,mdx,astro}\"",
+    "lint:eslint": "eslint --fix \"src/**/*.{js,ts,jsx,tsx,astro}\"",
+    "lint": "npm run lint:prettier && npm run lint:eslint"
   },
   "dependencies": {
     "@astro-community/astro-embed-youtube": "^0.5.2",
@@ -37,7 +40,21 @@
     "vite": "^4.4.9"
   },
   "devDependencies": {
-    "csstype": "^3.1.2"
+    "@microsoft/eslint-formatter-sarif": "^3.1.0",
+    "@rushstack/eslint-config": "^3.6.10",
+    "@typescript-eslint/parser": "^7.10.0",
+    "csstype": "^3.1.2",
+    "eslint": "^8.57.0",
+    "eslint-import-resolver-typescript": "^3.6.1",
+    "eslint-plugin-astro": "^1.2.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-sonarjs": "^1.0.3",
+    "eslint-plugin-unicorn": "^53.0.0",
+    "prettier": "^3.2.5",
+    "prettier-config-standard": "^7.0.0",
+    "prettier-plugin-astro": "^0.14.0"
   },
   "packageManager": "pnpm@8.15.3"
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 251c1c5..595867e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -82,9 +82,51 @@ dependencies:
     version: 4.4.9
 
 devDependencies:
+  '@microsoft/eslint-formatter-sarif':
+    specifier: ^3.1.0
+    version: 3.1.0
+  '@rushstack/eslint-config':
+    specifier: ^3.6.10
+    version: 3.6.10(eslint@8.57.0)(typescript@5.3.3)
+  '@typescript-eslint/parser':
+    specifier: ^7.10.0
+    version: 7.10.0(eslint@8.57.0)(typescript@5.3.3)
   csstype:
     specifier: ^3.1.2
     version: 3.1.2
+  eslint:
+    specifier: ^8.57.0
+    version: 8.57.0
+  eslint-import-resolver-typescript:
+    specifier: ^3.6.1
+    version: 3.6.1(@typescript-eslint/parser@7.10.0)(eslint-plugin-import@2.29.1)(eslint@8.57.0)
+  eslint-plugin-astro:
+    specifier: ^1.2.0
+    version: 1.2.0(eslint@8.57.0)(typescript@5.3.3)
+  eslint-plugin-import:
+    specifier: ^2.29.1
+    version: 2.29.1(@typescript-eslint/parser@7.10.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
+  eslint-plugin-jsx-a11y:
+    specifier: ^6.8.0
+    version: 6.8.0(eslint@8.57.0)
+  eslint-plugin-react-hooks:
+    specifier: ^4.6.2
+    version: 4.6.2(eslint@8.57.0)
+  eslint-plugin-sonarjs:
+    specifier: ^1.0.3
+    version: 1.0.3(eslint@8.57.0)
+  eslint-plugin-unicorn:
+    specifier: ^53.0.0
+    version: 53.0.0(eslint@8.57.0)
+  prettier:
+    specifier: ^3.2.5
+    version: 3.2.5
+  prettier-config-standard:
+    specifier: ^7.0.0
+    version: 7.0.0(prettier@3.2.5)
+  prettier-plugin-astro:
+    specifier: ^0.14.0
+    version: 0.14.0
 
 packages:
 
@@ -105,9 +147,12 @@ packages:
       lite-youtube-embed: 0.3.2
     dev: false
 
+  /@astrojs/compiler@1.8.2:
+    resolution: {integrity: sha512-o/ObKgtMzl8SlpIdzaxFnt7SATKPxu4oIP/1NL+HDJRzxfJcAkOTAb/ZKMRyULbz4q+1t2/DAebs2Z1QairkZw==}
+    dev: true
+
   /@astrojs/compiler@2.8.0:
     resolution: {integrity: sha512-yrpD1WRGqsJwANaDIdtHo+YVjvIOFAjC83lu5qENIgrafwZcJgSXDuwVMXOgok4tFzpeKLsFQ6c3FoUdloLWBQ==}
-    dev: false
 
   /@astrojs/internal-helpers@0.4.0:
     resolution: {integrity: sha512-6B13lz5n6BrbTqCTwhXjJXuR1sqiX/H6rTxzlXx+lN1NnV4jgnq/KJldCQaUWJzPL5SiWahQyinxAbxQtwgPHA==}
@@ -242,7 +287,6 @@ packages:
     dependencies:
       '@babel/highlight': 7.24.6
       picocolors: 1.0.0
-    dev: false
 
   /@babel/compat-data@7.22.9:
     resolution: {integrity: sha512-5UamI7xkUcJ3i9qVDS+KFDEK8/7oJ55/sJMB1Ge7IEapr7KfdfV/HErR+koZwOfd+SgtFKOKRhRakdg++DcJpQ==}
@@ -548,7 +592,6 @@ packages:
   /@babel/helper-validator-identifier@7.24.6:
     resolution: {integrity: sha512-4yA7s865JHaqUdRbnaxarZREuPTHrjpDT+pXoAZ1yhyo6uFnIEpS8VMu16siFOHDpZNKYv5BObhsB//ycbICyw==}
     engines: {node: '>=6.9.0'}
-    dev: false
 
   /@babel/helper-validator-option@7.22.15:
     resolution: {integrity: sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==}
@@ -583,7 +626,7 @@ packages:
     resolution: {integrity: sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/helper-validator-identifier': 7.19.1
+      '@babel/helper-validator-identifier': 7.24.6
       chalk: 2.4.2
       js-tokens: 4.0.0
     dev: false
@@ -592,7 +635,7 @@ packages:
     resolution: {integrity: sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/helper-validator-identifier': 7.22.20
+      '@babel/helper-validator-identifier': 7.24.6
       chalk: 2.4.2
       js-tokens: 4.0.0
     dev: false
@@ -605,7 +648,6 @@ packages:
       chalk: 2.4.2
       js-tokens: 4.0.0
       picocolors: 1.0.0
-    dev: false
 
   /@babel/parser@7.21.2:
     resolution: {integrity: sha512-URpaIJQwEkEC2T9Kn+Ai6Xe/02iNaVCuT/PtoRz3GPVJVDpPd7mLo+VddTbhCRU9TXqW5mSrQfXZyi8kDKOVpQ==}
@@ -674,6 +716,13 @@ packages:
       '@babel/types': 7.24.6
     dev: false
 
+  /@babel/runtime@7.24.6:
+    resolution: {integrity: sha512-Ja18XcETdEl5mzzACGd+DKgaGJzPTCow7EglgwTmHdwokzDFYh/MHua6lU6DV/hjF2IaOJ4oX2nqnjG7RElKOw==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      regenerator-runtime: 0.14.1
+    dev: true
+
   /@babel/template@7.20.7:
     resolution: {integrity: sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==}
     engines: {node: '>=6.9.0'}
@@ -1425,6 +1474,60 @@ packages:
     dev: false
     optional: true
 
+  /@eslint-community/eslint-utils@4.4.0(eslint@8.57.0):
+    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+    dependencies:
+      eslint: 8.57.0
+      eslint-visitor-keys: 3.4.3
+    dev: true
+
+  /@eslint-community/regexpp@4.10.0:
+    resolution: {integrity: sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+    dev: true
+
+  /@eslint/eslintrc@2.1.4:
+    resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      ajv: 6.12.6
+      debug: 4.3.4(supports-color@5.5.0)
+      espree: 9.6.1
+      globals: 13.24.0
+      ignore: 5.3.1
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      minimatch: 3.1.2
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@eslint/eslintrc@3.1.0:
+    resolution: {integrity: sha512-4Bfj15dVJdoy3RfZmmo86RK1Fwzn6SstsvK9JS+BaVKqC6QQQQyXekNaC+g+LKNgkQ+2VhGAzm6hO40AhMR3zQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    dependencies:
+      ajv: 6.12.6
+      debug: 4.3.4(supports-color@5.5.0)
+      espree: 10.0.1
+      globals: 14.0.0
+      ignore: 5.3.1
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      minimatch: 3.1.2
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@eslint/js@8.57.0:
+    resolution: {integrity: sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
   /@expressive-code/core@0.33.2:
     resolution: {integrity: sha512-4PwGzv5wFvJr4Tb5xDP73Z1XA3ZeqGEAyFDMBFe9tfTAJ2ppkqlPDbhIDTqPRhUmNjmM8piuhZwg+fnqbTF7IQ==}
     dependencies:
@@ -1457,6 +1560,26 @@ packages:
       unist-util-visit-parents: 5.1.3
     dev: false
 
+  /@humanwhocodes/config-array@0.11.14:
+    resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
+    engines: {node: '>=10.10.0'}
+    dependencies:
+      '@humanwhocodes/object-schema': 2.0.3
+      debug: 4.3.4(supports-color@5.5.0)
+      minimatch: 3.1.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@humanwhocodes/module-importer@1.0.1:
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+    dev: true
+
+  /@humanwhocodes/object-schema@2.0.3:
+    resolution: {integrity: sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==}
+    dev: true
+
   /@img/sharp-darwin-arm64@0.33.4:
     resolution: {integrity: sha512-p0suNqXufJs9t3RqLBO6vvrgr5OhgbWp76s5gTRvdmxmuv9E1rcaqGUsl3l4mKVmXPkTkTErXediAui4x+8PSA==}
     engines: {glibc: '>=2.26', node: ^18.17.0 || ^20.3.0 || >=21.0.0, npm: '>=9.6.5', pnpm: '>=7.1.0', yarn: '>=3.2.0'}
@@ -1692,7 +1815,6 @@ packages:
 
   /@jridgewell/sourcemap-codec@1.4.15:
     resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
-    dev: false
 
   /@jridgewell/trace-mapping@0.3.17:
     resolution: {integrity: sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==}
@@ -1738,18 +1860,41 @@ packages:
       - supports-color
     dev: false
 
+  /@microsoft/eslint-formatter-sarif@3.1.0:
+    resolution: {integrity: sha512-/mn4UXziHzGXnKCg+r8HGgPy+w4RzpgdoqFuqaKOqUVBT5x2CygGefIrO4SusaY7t0C4gyIWMNu6YQT6Jw64Cw==}
+    engines: {node: '>= 14'}
+    dependencies:
+      eslint: 8.57.0
+      jschardet: 3.1.2
+      lodash: 4.17.21
+      utf8: 3.0.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@microsoft/tsdoc-config@0.16.2:
+    resolution: {integrity: sha512-OGiIzzoBLgWWR0UdRJX98oYO+XKGf7tiK4Zk6tQ/E4IJqGCe7dvkTvgDZV5cFJUzLGDOjeAXrnZoA6QkVySuxw==}
+    dependencies:
+      '@microsoft/tsdoc': 0.14.2
+      ajv: 6.12.6
+      jju: 1.4.0
+      resolve: 1.19.0
+    dev: true
+
+  /@microsoft/tsdoc@0.14.2:
+    resolution: {integrity: sha512-9b8mPpKrfeGRuhFH5iO1iwCLeIIsV6+H1sRfxbkoGXIyQE2BTsPd9zqSqQJ+pv5sJ/hT5M1zvOFL02MnEezFug==}
+    dev: true
+
   /@nodelib/fs.scandir@2.1.5:
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
     engines: {node: '>= 8'}
     dependencies:
       '@nodelib/fs.stat': 2.0.5
       run-parallel: 1.2.0
-    dev: false
 
   /@nodelib/fs.stat@2.0.5:
     resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
     engines: {node: '>= 8'}
-    dev: false
 
   /@nodelib/fs.walk@1.2.8:
     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
@@ -1757,7 +1902,6 @@ packages:
     dependencies:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.15.0
-    dev: false
 
   /@pagefind/darwin-arm64@1.1.0:
     resolution: {integrity: sha512-SLsXNLtSilGZjvqis8sX42fBWsWAVkcDh1oerxwqbac84HbiwxpxOC2jm8hRwcR0Z55HPZPWO77XeRix/8GwTg==}
@@ -1799,6 +1943,11 @@ packages:
     dev: false
     optional: true
 
+  /@pkgr/core@0.1.1:
+    resolution: {integrity: sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==}
+    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
+    dev: true
+
   /@polka/url@1.0.0-next.24:
     resolution: {integrity: sha512-2LuNTFBIO0m7kKIQvvPHN6UE63VjpmL9rnEEaOOaiSPbZK+zUOYIzBAWcED+3XYzhYsd/0mD57VdxAEqqV52CQ==}
     dev: false
@@ -1931,6 +2080,76 @@ packages:
     dev: false
     optional: true
 
+  /@rushstack/eslint-config@3.6.10(eslint@8.57.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-Q0g5j0RuvLghsfRxczyyZXROMCZ4Gn994GGZoDeBJD/+MR2SACakmj3fw8WkG4gXUSrFPZoLlLPakRW4sYKHLg==}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      typescript: '>=4.7.0'
+    dependencies:
+      '@rushstack/eslint-patch': 1.10.3
+      '@rushstack/eslint-plugin': 0.15.1(eslint@8.57.0)(typescript@5.3.3)
+      '@rushstack/eslint-plugin-packlets': 0.9.1(eslint@8.57.0)(typescript@5.3.3)
+      '@rushstack/eslint-plugin-security': 0.8.1(eslint@8.57.0)(typescript@5.3.3)
+      '@typescript-eslint/eslint-plugin': 6.19.1(@typescript-eslint/parser@6.19.1)(eslint@8.57.0)(typescript@5.3.3)
+      '@typescript-eslint/parser': 6.19.1(eslint@8.57.0)(typescript@5.3.3)
+      '@typescript-eslint/typescript-estree': 6.19.1(typescript@5.3.3)
+      '@typescript-eslint/utils': 6.19.1(eslint@8.57.0)(typescript@5.3.3)
+      eslint: 8.57.0
+      eslint-plugin-promise: 6.1.1(eslint@8.57.0)
+      eslint-plugin-react: 7.33.2(eslint@8.57.0)
+      eslint-plugin-tsdoc: 0.2.17
+      typescript: 5.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@rushstack/eslint-patch@1.10.3:
+    resolution: {integrity: sha512-qC/xYId4NMebE6w/V33Fh9gWxLgURiNYgVNObbJl2LZv0GUUItCcCqC5axQSwRaAgaxl2mELq1rMzlswaQ0Zxg==}
+    dev: true
+
+  /@rushstack/eslint-plugin-packlets@0.9.1(eslint@8.57.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-CN7RKrrpBj+UXzOYUxArzV7lUKX8UlZBJWPzdAI8HFYg0g1EVASjGRlcq3Q+e1KRZ1MeliVigRsoodfmJCHv+A==}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      '@rushstack/tree-pattern': 0.3.3
+      '@typescript-eslint/utils': 6.19.1(eslint@8.57.0)(typescript@5.3.3)
+      eslint: 8.57.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@rushstack/eslint-plugin-security@0.8.1(eslint@8.57.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-XEMt9dvifXO6mmIfVggUNd4PP8pZlewn1D7OGXdMtLasRUiOkZGOYu24Kj5fgLnPDH1xqAdG9okhPZwT4yar7w==}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      '@rushstack/tree-pattern': 0.3.3
+      '@typescript-eslint/utils': 6.19.1(eslint@8.57.0)(typescript@5.3.3)
+      eslint: 8.57.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@rushstack/eslint-plugin@0.15.1(eslint@8.57.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-xgu6jwMscLCX0SWCDAUEpIFou3ApyTkJC76zgrWs6oOH1oeF8PLfzkdwhaSF8QptXG6oxXV7aqGMkDwH5ToBwQ==}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      '@rushstack/tree-pattern': 0.3.3
+      '@typescript-eslint/utils': 6.19.1(eslint@8.57.0)(typescript@5.3.3)
+      eslint: 8.57.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@rushstack/tree-pattern@0.3.3:
+    resolution: {integrity: sha512-IBsPzcdZhzlMfYWEZxK87Zuqzu7gEOY5eB6KkkD9HfMHLXP2l/54jKI0Tmo5OcbrVa8aivwy0AlVcaPlobLwaQ==}
+    dev: true
+
   /@shikijs/core@1.1.6:
     resolution: {integrity: sha512-kt9hhvrWTm0EPtRDIsoAZnSsFlIDBVBBI5CQewpA/NZCPin+MOKRXg+JiWc4y+8fZ/v0HzfDhu/UC+OTZGMt7A==}
     dev: false
@@ -2030,6 +2249,14 @@ packages:
       hoist-non-react-statics: 3.3.2
     dev: false
 
+  /@types/json-schema@7.0.15:
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
+    dev: true
+
+  /@types/json5@0.0.29:
+    resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
+    dev: true
+
   /@types/mdast@4.0.3:
     resolution: {integrity: sha512-LsjtqsyF+d2/yFOYaN22dHZI1Cpwkrj+g06G8+qtUKlhovPW89YhqSnfKtMbkgmEtYpH2gydRNULd6y8mciAFg==}
     dependencies:
@@ -2060,6 +2287,10 @@ packages:
     resolution: {integrity: sha512-w+tIMs3rq2afQdsPJlODhoUEKzFP1ayaoyl1CcnwtIlsVe7K7bA1NGm4s3PraqTLlXnbIN84zuBlxBWo1u9BLw==}
     dev: false
 
+  /@types/normalize-package-data@2.4.4:
+    resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
+    dev: true
+
   /@types/parse5@6.0.3:
     resolution: {integrity: sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g==}
     dev: false
@@ -2092,6 +2323,10 @@ packages:
     resolution: {integrity: sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew==}
     dev: false
 
+  /@types/semver@7.5.8:
+    resolution: {integrity: sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==}
+    dev: true
+
   /@types/styled-components@5.1.26:
     resolution: {integrity: sha512-KuKJ9Z6xb93uJiIyxo/+ksS7yLjS1KzG6iv5i78dhVg/X3u5t1H7juRWqVmodIdz6wGVaIApo1u01kmFRdJHVw==}
     dependencies:
@@ -2108,9 +2343,204 @@ packages:
     resolution: {integrity: sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ==}
     dev: false
 
+  /@typescript-eslint/eslint-plugin@6.19.1(@typescript-eslint/parser@6.19.1)(eslint@8.57.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-roQScUGFruWod9CEyoV5KlCYrubC/fvG8/1zXuT0WTcxX87GnMMmnksMwSg99lo1xiKrBzw2icsJPMAw1OtKxg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@eslint-community/regexpp': 4.10.0
+      '@typescript-eslint/parser': 6.19.1(eslint@8.57.0)(typescript@5.3.3)
+      '@typescript-eslint/scope-manager': 6.19.1
+      '@typescript-eslint/type-utils': 6.19.1(eslint@8.57.0)(typescript@5.3.3)
+      '@typescript-eslint/utils': 6.19.1(eslint@8.57.0)(typescript@5.3.3)
+      '@typescript-eslint/visitor-keys': 6.19.1
+      debug: 4.3.4(supports-color@5.5.0)
+      eslint: 8.57.0
+      graphemer: 1.4.0
+      ignore: 5.3.1
+      natural-compare: 1.4.0
+      semver: 7.6.2
+      ts-api-utils: 1.3.0(typescript@5.3.3)
+      typescript: 5.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/parser@6.19.1(eslint@8.57.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-WEfX22ziAh6pRE9jnbkkLGp/4RhTpffr2ZK5bJ18M8mIfA8A+k97U9ZyaXCEJRlmMHh7R9MJZWXp/r73DzINVQ==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/scope-manager': 6.19.1
+      '@typescript-eslint/types': 6.19.1
+      '@typescript-eslint/typescript-estree': 6.19.1(typescript@5.3.3)
+      '@typescript-eslint/visitor-keys': 6.19.1
+      debug: 4.3.4(supports-color@5.5.0)
+      eslint: 8.57.0
+      typescript: 5.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/parser@7.10.0(eslint@8.57.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-2EjZMA0LUW5V5tGQiaa2Gys+nKdfrn2xiTIBLR4fxmPmVSvgPcKNW+AE/ln9k0A4zDUti0J/GZXMDupQoI+e1w==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+    peerDependencies:
+      eslint: ^8.56.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/scope-manager': 7.10.0
+      '@typescript-eslint/types': 7.10.0
+      '@typescript-eslint/typescript-estree': 7.10.0(typescript@5.3.3)
+      '@typescript-eslint/visitor-keys': 7.10.0
+      debug: 4.3.4(supports-color@5.5.0)
+      eslint: 8.57.0
+      typescript: 5.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/scope-manager@6.19.1:
+    resolution: {integrity: sha512-4CdXYjKf6/6aKNMSly/BP4iCSOpvMmqtDzRtqFyyAae3z5kkqEjKndR5vDHL8rSuMIIWP8u4Mw4VxLyxZW6D5w==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dependencies:
+      '@typescript-eslint/types': 6.19.1
+      '@typescript-eslint/visitor-keys': 6.19.1
+    dev: true
+
+  /@typescript-eslint/scope-manager@7.10.0:
+    resolution: {integrity: sha512-7L01/K8W/VGl7noe2mgH0K7BE29Sq6KAbVmxurj8GGaPDZXPr8EEQ2seOeAS+mEV9DnzxBQB6ax6qQQ5C6P4xg==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+    dependencies:
+      '@typescript-eslint/types': 7.10.0
+      '@typescript-eslint/visitor-keys': 7.10.0
+    dev: true
+
+  /@typescript-eslint/type-utils@6.19.1(eslint@8.57.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-0vdyld3ecfxJuddDjACUvlAeYNrHP/pDeQk2pWBR2ESeEzQhg52DF53AbI9QCBkYE23lgkhLCZNkHn2hEXXYIg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/typescript-estree': 6.19.1(typescript@5.3.3)
+      '@typescript-eslint/utils': 6.19.1(eslint@8.57.0)(typescript@5.3.3)
+      debug: 4.3.4(supports-color@5.5.0)
+      eslint: 8.57.0
+      ts-api-utils: 1.3.0(typescript@5.3.3)
+      typescript: 5.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/types@6.19.1:
+    resolution: {integrity: sha512-6+bk6FEtBhvfYvpHsDgAL3uo4BfvnTnoge5LrrCj2eJN8g3IJdLTD4B/jK3Q6vo4Ql/Hoip9I8aB6fF+6RfDqg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dev: true
+
+  /@typescript-eslint/types@7.10.0:
+    resolution: {integrity: sha512-7fNj+Ya35aNyhuqrA1E/VayQX9Elwr8NKZ4WueClR3KwJ7Xx9jcCdOrLW04h51de/+gNbyFMs+IDxh5xIwfbNg==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+    dev: true
+
+  /@typescript-eslint/typescript-estree@6.19.1(typescript@5.3.3):
+    resolution: {integrity: sha512-aFdAxuhzBFRWhy+H20nYu19+Km+gFfwNO4TEqyszkMcgBDYQjmPJ61erHxuT2ESJXhlhrO7I5EFIlZ+qGR8oVA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/types': 6.19.1
+      '@typescript-eslint/visitor-keys': 6.19.1
+      debug: 4.3.4(supports-color@5.5.0)
+      globby: 11.1.0
+      is-glob: 4.0.3
+      minimatch: 9.0.3
+      semver: 7.6.2
+      ts-api-utils: 1.3.0(typescript@5.3.3)
+      typescript: 5.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/typescript-estree@7.10.0(typescript@5.3.3):
+    resolution: {integrity: sha512-LXFnQJjL9XIcxeVfqmNj60YhatpRLt6UhdlFwAkjNc6jSUlK8zQOl1oktAP8PlWFzPQC1jny/8Bai3/HPuvN5g==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/types': 7.10.0
+      '@typescript-eslint/visitor-keys': 7.10.0
+      debug: 4.3.4(supports-color@5.5.0)
+      globby: 11.1.0
+      is-glob: 4.0.3
+      minimatch: 9.0.4
+      semver: 7.6.2
+      ts-api-utils: 1.3.0(typescript@5.3.3)
+      typescript: 5.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/utils@6.19.1(eslint@8.57.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-JvjfEZuP5WoMqwh9SPAPDSHSg9FBHHGhjPugSRxu5jMfjvBpq5/sGTD+9M9aQ5sh6iJ8AY/Kk/oUYVEMAPwi7w==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@types/json-schema': 7.0.15
+      '@types/semver': 7.5.8
+      '@typescript-eslint/scope-manager': 6.19.1
+      '@typescript-eslint/types': 6.19.1
+      '@typescript-eslint/typescript-estree': 6.19.1(typescript@5.3.3)
+      eslint: 8.57.0
+      semver: 7.6.2
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@typescript-eslint/visitor-keys@6.19.1:
+    resolution: {integrity: sha512-gkdtIO+xSO/SmI0W68DBg4u1KElmIUo3vXzgHyGPs6cxgB0sa3TlptRAAE0hUY1hM6FcDKEv7aIwiTGm76cXfQ==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dependencies:
+      '@typescript-eslint/types': 6.19.1
+      eslint-visitor-keys: 3.4.3
+    dev: true
+
+  /@typescript-eslint/visitor-keys@7.10.0:
+    resolution: {integrity: sha512-9ntIVgsi6gg6FIq9xjEO4VQJvwOqA3jaBFQJ/6TK5AvEup2+cECI6Fh7QiBxmfMHXU0V0J4RyPeOU1VDNzl9cg==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+    dependencies:
+      '@typescript-eslint/types': 7.10.0
+      eslint-visitor-keys: 3.4.3
+    dev: true
+
   /@ungap/structured-clone@1.2.0:
     resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
-    dev: false
 
   /@vitejs/plugin-react@4.2.1(vite@4.4.9):
     resolution: {integrity: sha512-oojO9IDc4nCUUi8qIR11KoQm0XFFLIwsRBwHRR4d/88IWghn1y6ckz/bJ8GHDCsYEJee8mDzqtJxh15/cisJNQ==}
@@ -2134,13 +2564,20 @@ packages:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
       acorn: 8.11.3
-    dev: false
 
   /acorn@8.11.3:
     resolution: {integrity: sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==}
     engines: {node: '>=0.4.0'}
     hasBin: true
-    dev: false
+
+  /ajv@6.12.6:
+    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
+      uri-js: 4.4.1
+    dev: true
 
   /ansi-align@3.0.1:
     resolution: {integrity: sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==}
@@ -2151,7 +2588,6 @@ packages:
   /ansi-regex@5.0.1:
     resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
     engines: {node: '>=8'}
-    dev: false
 
   /ansi-regex@6.0.1:
     resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
@@ -2163,7 +2599,13 @@ packages:
     engines: {node: '>=4'}
     dependencies:
       color-convert: 1.9.3
-    dev: false
+
+  /ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+    dependencies:
+      color-convert: 2.0.1
+    dev: true
 
   /ansi-styles@6.2.1:
     resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
@@ -2190,23 +2632,128 @@ packages:
 
   /argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
-    dev: false
 
   /aria-query@5.3.0:
     resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
     dependencies:
       dequal: 2.0.3
-    dev: false
+
+  /array-buffer-byte-length@1.0.1:
+    resolution: {integrity: sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      is-array-buffer: 3.0.4
+    dev: true
+
+  /array-includes@3.1.8:
+    resolution: {integrity: sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-object-atoms: 1.0.0
+      get-intrinsic: 1.2.4
+      is-string: 1.0.7
+    dev: true
 
   /array-iterate@2.0.1:
     resolution: {integrity: sha512-I1jXZMjAgCMmxT4qxXfPXa6SthSoE8h6gkSI9BGGNv8mP8G/v0blc+qFnZu6K42vTOiuME596QaLO0TP3Lk0xg==}
     dev: false
 
+  /array-union@2.1.0:
+    resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /array.prototype.findlastindex@1.2.5:
+    resolution: {integrity: sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-errors: 1.3.0
+      es-object-atoms: 1.0.0
+      es-shim-unscopables: 1.0.2
+    dev: true
+
+  /array.prototype.flat@1.3.2:
+    resolution: {integrity: sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-shim-unscopables: 1.0.2
+    dev: true
+
+  /array.prototype.flatmap@1.3.2:
+    resolution: {integrity: sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-shim-unscopables: 1.0.2
+    dev: true
+
+  /array.prototype.tosorted@1.1.3:
+    resolution: {integrity: sha512-/DdH4TiTmOKzyQbp/eadcCVexiCb36xJg7HshYOYJnNZFDj33GEv0P7GxsynpShhq4OLYJzbGcBDkLsDt7MnNg==}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-errors: 1.3.0
+      es-shim-unscopables: 1.0.2
+    dev: true
+
+  /arraybuffer.prototype.slice@1.0.3:
+    resolution: {integrity: sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      array-buffer-byte-length: 1.0.1
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
+      is-array-buffer: 3.0.4
+      is-shared-array-buffer: 1.0.3
+    dev: true
+
+  /ast-types-flow@0.0.8:
+    resolution: {integrity: sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==}
+    dev: true
+
   /astring@1.8.4:
     resolution: {integrity: sha512-97a+l2LBU3Op3bBQEff79i/E4jMD2ZLFD8rHx9B6mXyB2uQwhJQYfiDqUwtfjF4QA1F2qs//N6Cw8LetMbQjcw==}
     hasBin: true
     dev: false
 
+  /astro-eslint-parser@1.0.2(typescript@5.3.3):
+    resolution: {integrity: sha512-8hJaCuqxObShWl2wEsnASqh/DbQ2O+S66m0Q3ctJlzBPEQ4pfGwwama3FCjZO3GDLQsjvn1T0v93Vxyu/+5fGw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    dependencies:
+      '@astrojs/compiler': 2.8.0
+      '@typescript-eslint/scope-manager': 7.10.0
+      '@typescript-eslint/types': 7.10.0
+      '@typescript-eslint/typescript-estree': 7.10.0(typescript@5.3.3)
+      astrojs-compiler-sync: 1.0.0(@astrojs/compiler@2.8.0)
+      debug: 4.3.4(supports-color@5.5.0)
+      entities: 4.5.0
+      eslint-scope: 8.0.1
+      eslint-visitor-keys: 4.0.0
+      espree: 10.0.1
+      globby: 11.1.0
+      is-glob: 4.0.3
+      semver: 7.6.2
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
   /astro-expressive-code@0.33.2(astro@4.9.1):
     resolution: {integrity: sha512-SV6NuJZnh+EXpx6PqLyMEv4QNA3qVL0Guaogu68mnXZNuz6m4OuVufiHDQgDcoF+KJGzLeGAjQ37uTXYxqlzXw==}
     peerDependencies:
@@ -2299,6 +2846,34 @@ packages:
       - typescript
     dev: false
 
+  /astrojs-compiler-sync@1.0.0(@astrojs/compiler@2.8.0):
+    resolution: {integrity: sha512-IM6FxpMoBxkGGdKppkFHNQIC9Wge7jspG2MIJff8DOhG41USNJLxJfxRm7wnkTKWlYK5Y1YFFNYr2vUUKkI8sw==}
+    engines: {node: ^18.18.0 || >=20.9.0}
+    peerDependencies:
+      '@astrojs/compiler': '>=0.27.0'
+    dependencies:
+      '@astrojs/compiler': 2.8.0
+      synckit: 0.9.0
+    dev: true
+
+  /available-typed-arrays@1.0.7:
+    resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      possible-typed-array-names: 1.0.0
+    dev: true
+
+  /axe-core@4.7.0:
+    resolution: {integrity: sha512-M0JtH+hlOL5pLQwHOLNYZaXuhqmvS8oExsqB1SBYgA4Dk7u/xx+YdGHXaK5pyUfed5mYXdlYiphWq3G8cRi5JQ==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /axobject-query@3.2.1:
+    resolution: {integrity: sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==}
+    dependencies:
+      dequal: 2.0.3
+    dev: true
+
   /axobject-query@4.0.0:
     resolution: {integrity: sha512-+60uv1hiVFhHZeO+Lz0RYzsVHy5Wr1ayX0mwda9KPDVLNJgZ1T9Ny7VmFbLDzxsH0D87I86vgj3gFrjTJUYznw==}
     dependencies:
@@ -2326,6 +2901,10 @@ packages:
     resolution: {integrity: sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==}
     dev: false
 
+  /balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+    dev: true
+
   /base-64@1.0.0:
     resolution: {integrity: sha512-kwDPIFCGx0NZHog36dj+tHiwP4QMzsZ3AgMViUBKI0+V5n4U0ufTCUMhnQ04diaRI8EX/QcPfql7zlhZ7j4zgg==}
     dev: false
@@ -2353,12 +2932,24 @@ packages:
       wrap-ansi: 8.1.0
     dev: false
 
+  /brace-expansion@1.1.11:
+    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
+    dependencies:
+      balanced-match: 1.0.2
+      concat-map: 0.0.1
+    dev: true
+
+  /brace-expansion@2.0.1:
+    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
+    dependencies:
+      balanced-match: 1.0.2
+    dev: true
+
   /braces@3.0.2:
     resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
     engines: {node: '>=8'}
     dependencies:
       fill-range: 7.0.1
-    dev: false
 
   /browserslist@4.21.10:
     resolution: {integrity: sha512-bipEBdZfVH5/pwrvqc+Ub0kUPVfGUhlKxbvfD+z1BDnPEO/X98ruXGA1WP5ASpAFKan7Qr6j736IacbZQuAlKQ==}
@@ -2380,7 +2971,27 @@ packages:
       electron-to-chromium: 1.4.783
       node-releases: 2.0.14
       update-browserslist-db: 1.0.16(browserslist@4.23.0)
-    dev: false
+
+  /builtin-modules@3.3.0:
+    resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /call-bind@1.0.7:
+    resolution: {integrity: sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      es-define-property: 1.0.0
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+      get-intrinsic: 1.2.4
+      set-function-length: 1.2.2
+    dev: true
+
+  /callsites@3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+    dev: true
 
   /camelcase@7.0.1:
     resolution: {integrity: sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==}
@@ -2397,7 +3008,6 @@ packages:
 
   /caniuse-lite@1.0.30001621:
     resolution: {integrity: sha512-+NLXZiviFFKX0fk8Piwv3PfLPGtRqJeq2TiNoUff/qB5KJgwecJTvCXDpmlyP/eCI/GUEmp/h/y5j0yckiiZrA==}
-    dev: false
 
   /ccount@2.0.1:
     resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
@@ -2410,7 +3020,14 @@ packages:
       ansi-styles: 3.2.1
       escape-string-regexp: 1.0.5
       supports-color: 5.5.0
-    dev: false
+
+  /chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+    dev: true
 
   /chalk@5.3.0:
     resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==}
@@ -2475,7 +3092,13 @@ packages:
   /ci-info@4.0.0:
     resolution: {integrity: sha512-TdHqgGf9odd8SXNuxtUBVx8Nv+qZOejE6qyqiy5NtbYYQOeFa6zmHkxlPzmaLxWWHsU6nJmB7AETdVPi+2NBUg==}
     engines: {node: '>=8'}
-    dev: false
+
+  /clean-regexp@1.0.0:
+    resolution: {integrity: sha512-GfisEZEJvzKrmGWkvfhgzcz/BllN1USeqD2V6tg14OAOgaCD2Z/PUEuxnAZ/nPvmaHRG7a8y77p1T/IRQ4D1Hw==}
+    engines: {node: '>=4'}
+    dependencies:
+      escape-string-regexp: 1.0.5
+    dev: true
 
   /cli-boxes@3.0.0:
     resolution: {integrity: sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==}
@@ -2512,7 +3135,6 @@ packages:
     resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
     dependencies:
       color-name: 1.1.3
-    dev: false
 
   /color-convert@2.0.1:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
@@ -2520,18 +3142,13 @@ packages:
     requiresBuild: true
     dependencies:
       color-name: 1.1.4
-    dev: false
-    optional: true
 
   /color-name@1.1.3:
     resolution: {integrity: sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=}
-    dev: false
 
   /color-name@1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
     requiresBuild: true
-    dev: false
-    optional: true
 
   /color-string@1.9.1:
     resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
@@ -2560,6 +3177,10 @@ packages:
     resolution: {integrity: sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==}
     dev: false
 
+  /concat-map@0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+    dev: true
+
   /convert-source-map@2.0.0:
     resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
     dev: false
@@ -2569,6 +3190,12 @@ packages:
     engines: {node: '>= 0.6'}
     dev: false
 
+  /core-js-compat@3.37.1:
+    resolution: {integrity: sha512-9TNiImhKvQqSUkOvk/mMRZzOANTiEVC7WaBNhHcKM7x+/5E1l5NvsysR19zuDQScE8k+kfQXWRN3AtS/eOSHpg==}
+    dependencies:
+      browserslist: 4.23.0
+    dev: true
+
   /cross-spawn@7.0.3:
     resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
     engines: {node: '>= 8'}
@@ -2576,7 +3203,6 @@ packages:
       path-key: 3.1.1
       shebang-command: 2.0.0
       which: 2.0.2
-    dev: false
 
   /css-color-keywords@1.0.0:
     resolution: {integrity: sha1-/qJhbcZ2spYmhrOvjb2+GAskTgU=}
@@ -2609,15 +3235,56 @@ packages:
   /cssesc@3.0.0:
     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
     engines: {node: '>=4'}
-    dev: false
 
   /csstype@3.1.2:
     resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==}
 
-  /debug@4.3.4(supports-color@5.5.0):
-    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
-    engines: {node: '>=6.0'}
-    peerDependencies:
+  /damerau-levenshtein@1.0.8:
+    resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
+    dev: true
+
+  /data-view-buffer@1.0.1:
+    resolution: {integrity: sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-data-view: 1.0.1
+    dev: true
+
+  /data-view-byte-length@1.0.1:
+    resolution: {integrity: sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-data-view: 1.0.1
+    dev: true
+
+  /data-view-byte-offset@1.0.0:
+    resolution: {integrity: sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-data-view: 1.0.1
+    dev: true
+
+  /debug@3.2.7:
+    resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.1.2
+    dev: true
+
+  /debug@4.3.4(supports-color@5.5.0):
+    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
       supports-color: '*'
     peerDependenciesMeta:
       supports-color:
@@ -2625,7 +3292,6 @@ packages:
     dependencies:
       ms: 2.1.2
       supports-color: 5.5.0
-    dev: false
 
   /decode-named-character-reference@1.0.2:
     resolution: {integrity: sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==}
@@ -2633,10 +3299,31 @@ packages:
       character-entities: 2.0.2
     dev: false
 
+  /deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+    dev: true
+
+  /define-data-property@1.1.4:
+    resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      es-define-property: 1.0.0
+      es-errors: 1.3.0
+      gopd: 1.0.1
+    dev: true
+
+  /define-properties@1.2.1:
+    resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      define-data-property: 1.1.4
+      has-property-descriptors: 1.0.2
+      object-keys: 1.1.1
+    dev: true
+
   /dequal@2.0.3:
     resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
     engines: {node: '>=6'}
-    dev: false
 
   /detect-libc@2.0.3:
     resolution: {integrity: sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==}
@@ -2667,10 +3354,31 @@ packages:
     engines: {node: '>=0.3.1'}
     dev: false
 
+  /dir-glob@3.0.1:
+    resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
+    engines: {node: '>=8'}
+    dependencies:
+      path-type: 4.0.0
+    dev: true
+
   /dlv@1.1.3:
     resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
     dev: false
 
+  /doctrine@2.1.0:
+    resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      esutils: 2.0.3
+    dev: true
+
+  /doctrine@3.0.0:
+    resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      esutils: 2.0.3
+    dev: true
+
   /dom-serializer@2.0.0:
     resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
     dependencies:
@@ -2713,7 +3421,6 @@ packages:
 
   /electron-to-chromium@1.4.783:
     resolution: {integrity: sha512-bT0jEz/Xz1fahQpbZ1D7LgmPYZ3iHVY39NcWWro1+hA2IvjiPeaXtfSqrQ+nXjApMvQRE2ASt1itSLRrebHMRQ==}
-    dev: false
 
   /emoji-regex@10.3.0:
     resolution: {integrity: sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==}
@@ -2725,17 +3432,150 @@ packages:
 
   /emoji-regex@9.2.2:
     resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
-    dev: false
+
+  /enhanced-resolve@5.16.1:
+    resolution: {integrity: sha512-4U5pNsuDl0EhuZpq46M5xPslstkviJuhrdobaRDBk2Jy2KO37FDAJl4lb2KlNabxT0m4MTK2UHNrsAcphE8nyw==}
+    engines: {node: '>=10.13.0'}
+    dependencies:
+      graceful-fs: 4.2.10
+      tapable: 2.2.1
+    dev: true
 
   /entities@4.4.0:
     resolution: {integrity: sha512-oYp7156SP8LkeGD0GF85ad1X9Ai79WtRsZ2gxJqtBuzH+98YUV6jkHEKlZkMbcrjJjIVJNIDP/3WL9wQkoPbWA==}
     engines: {node: '>=0.12'}
     dev: false
 
+  /entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+    dev: true
+
+  /error-ex@1.3.2:
+    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
+    dependencies:
+      is-arrayish: 0.2.1
+    dev: true
+
+  /es-abstract@1.23.3:
+    resolution: {integrity: sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      array-buffer-byte-length: 1.0.1
+      arraybuffer.prototype.slice: 1.0.3
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.7
+      data-view-buffer: 1.0.1
+      data-view-byte-length: 1.0.1
+      data-view-byte-offset: 1.0.0
+      es-define-property: 1.0.0
+      es-errors: 1.3.0
+      es-object-atoms: 1.0.0
+      es-set-tostringtag: 2.0.3
+      es-to-primitive: 1.2.1
+      function.prototype.name: 1.1.6
+      get-intrinsic: 1.2.4
+      get-symbol-description: 1.0.2
+      globalthis: 1.0.4
+      gopd: 1.0.1
+      has-property-descriptors: 1.0.2
+      has-proto: 1.0.3
+      has-symbols: 1.0.3
+      hasown: 2.0.2
+      internal-slot: 1.0.7
+      is-array-buffer: 3.0.4
+      is-callable: 1.2.7
+      is-data-view: 1.0.1
+      is-negative-zero: 2.0.3
+      is-regex: 1.1.4
+      is-shared-array-buffer: 1.0.3
+      is-string: 1.0.7
+      is-typed-array: 1.1.13
+      is-weakref: 1.0.2
+      object-inspect: 1.13.1
+      object-keys: 1.1.1
+      object.assign: 4.1.5
+      regexp.prototype.flags: 1.5.2
+      safe-array-concat: 1.1.2
+      safe-regex-test: 1.0.3
+      string.prototype.trim: 1.2.9
+      string.prototype.trimend: 1.0.8
+      string.prototype.trimstart: 1.0.8
+      typed-array-buffer: 1.0.2
+      typed-array-byte-length: 1.0.1
+      typed-array-byte-offset: 1.0.2
+      typed-array-length: 1.0.6
+      unbox-primitive: 1.0.2
+      which-typed-array: 1.1.15
+    dev: true
+
+  /es-define-property@1.0.0:
+    resolution: {integrity: sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      get-intrinsic: 1.2.4
+    dev: true
+
+  /es-errors@1.3.0:
+    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /es-iterator-helpers@1.0.19:
+    resolution: {integrity: sha512-zoMwbCcH5hwUkKJkT8kDIBZSz9I6mVG//+lDCinLCGov4+r7NIy0ld8o03M0cJxl2spVf6ESYVS6/gpIfq1FFw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-errors: 1.3.0
+      es-set-tostringtag: 2.0.3
+      function-bind: 1.1.2
+      get-intrinsic: 1.2.4
+      globalthis: 1.0.4
+      has-property-descriptors: 1.0.2
+      has-proto: 1.0.3
+      has-symbols: 1.0.3
+      internal-slot: 1.0.7
+      iterator.prototype: 1.1.2
+      safe-array-concat: 1.1.2
+    dev: true
+
   /es-module-lexer@1.5.3:
     resolution: {integrity: sha512-i1gCgmR9dCl6Vil6UKPI/trA69s08g/syhiDK9TG0Nf1RJjjFI+AzoWW7sPufzkgYAn861skuCwJa0pIIHYxvg==}
     dev: false
 
+  /es-object-atoms@1.0.0:
+    resolution: {integrity: sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      es-errors: 1.3.0
+    dev: true
+
+  /es-set-tostringtag@2.0.3:
+    resolution: {integrity: sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      get-intrinsic: 1.2.4
+      has-tostringtag: 1.0.2
+      hasown: 2.0.2
+    dev: true
+
+  /es-shim-unscopables@1.0.2:
+    resolution: {integrity: sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==}
+    dependencies:
+      hasown: 2.0.2
+    dev: true
+
+  /es-to-primitive@1.2.1:
+    resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      is-callable: 1.2.7
+      is-date-object: 1.0.5
+      is-symbol: 1.0.4
+    dev: true
+
   /esbuild@0.18.20:
     resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==}
     engines: {node: '>=12'}
@@ -2835,24 +3675,376 @@ packages:
   /escalade@3.1.2:
     resolution: {integrity: sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==}
     engines: {node: '>=6'}
-    dev: false
 
   /escape-string-regexp@1.0.5:
     resolution: {integrity: sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=}
     engines: {node: '>=0.8.0'}
-    dev: false
+
+  /escape-string-regexp@4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+    dev: true
 
   /escape-string-regexp@5.0.0:
     resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
     engines: {node: '>=12'}
     dev: false
 
+  /eslint-compat-utils@0.5.0(eslint@8.57.0):
+    resolution: {integrity: sha512-dc6Y8tzEcSYZMHa+CMPLi/hyo1FzNeonbhJL7Ol0ccuKQkwopJcJBA9YL/xmMTLU1eKigXo9vj9nALElWYSowg==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      eslint: '>=6.0.0'
+    dependencies:
+      eslint: 8.57.0
+      semver: 7.6.2
+    dev: true
+
+  /eslint-import-resolver-node@0.3.9:
+    resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==}
+    dependencies:
+      debug: 3.2.7
+      is-core-module: 2.13.1
+      resolve: 1.22.8
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.10.0)(eslint-plugin-import@2.29.1)(eslint@8.57.0):
+    resolution: {integrity: sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '*'
+      eslint-plugin-import: '*'
+    dependencies:
+      debug: 4.3.4(supports-color@5.5.0)
+      enhanced-resolve: 5.16.1
+      eslint: 8.57.0
+      eslint-module-utils: 2.8.1(@typescript-eslint/parser@7.10.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
+      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@7.10.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
+      fast-glob: 3.3.2
+      get-tsconfig: 4.7.5
+      is-core-module: 2.13.0
+      is-glob: 4.0.3
+    transitivePeerDependencies:
+      - '@typescript-eslint/parser'
+      - eslint-import-resolver-node
+      - eslint-import-resolver-webpack
+      - supports-color
+    dev: true
+
+  /eslint-module-utils@2.8.1(@typescript-eslint/parser@7.10.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0):
+    resolution: {integrity: sha512-rXDXR3h7cs7dy9RNpUlQf80nX31XWJEyGq1tRMo+6GsO5VmTe4UTwtmonAD4ZkAsrfMVDA2wlGJ3790Ys+D49Q==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: '*'
+      eslint-import-resolver-node: '*'
+      eslint-import-resolver-typescript: '*'
+      eslint-import-resolver-webpack: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+      eslint:
+        optional: true
+      eslint-import-resolver-node:
+        optional: true
+      eslint-import-resolver-typescript:
+        optional: true
+      eslint-import-resolver-webpack:
+        optional: true
+    dependencies:
+      '@typescript-eslint/parser': 7.10.0(eslint@8.57.0)(typescript@5.3.3)
+      debug: 3.2.7
+      eslint: 8.57.0
+      eslint-import-resolver-node: 0.3.9
+      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@7.10.0)(eslint-plugin-import@2.29.1)(eslint@8.57.0)
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-plugin-astro@1.2.0(eslint@8.57.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-Z2b/7a9EUNu8PWch6/fUKXTCj10hrbdVsR1CmUgke5nfrJuej+uUnL5z5hd9/IIWxLdSbk5Fowf/nyfbmhRmDQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: '>=8.57.0'
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@jridgewell/sourcemap-codec': 1.4.15
+      '@typescript-eslint/types': 7.10.0
+      astro-eslint-parser: 1.0.2(typescript@5.3.3)
+      eslint: 8.57.0
+      eslint-compat-utils: 0.5.0(eslint@8.57.0)
+      globals: 15.3.0
+      postcss: 8.4.38
+      postcss-selector-parser: 6.0.15
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /eslint-plugin-import@2.29.1(@typescript-eslint/parser@7.10.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0):
+    resolution: {integrity: sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+    dependencies:
+      '@typescript-eslint/parser': 7.10.0(eslint@8.57.0)(typescript@5.3.3)
+      array-includes: 3.1.8
+      array.prototype.findlastindex: 1.2.5
+      array.prototype.flat: 1.3.2
+      array.prototype.flatmap: 1.3.2
+      debug: 3.2.7
+      doctrine: 2.1.0
+      eslint: 8.57.0
+      eslint-import-resolver-node: 0.3.9
+      eslint-module-utils: 2.8.1(@typescript-eslint/parser@7.10.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
+      hasown: 2.0.2
+      is-core-module: 2.13.1
+      is-glob: 4.0.3
+      minimatch: 3.1.2
+      object.fromentries: 2.0.8
+      object.groupby: 1.0.3
+      object.values: 1.2.0
+      semver: 6.3.1
+      tsconfig-paths: 3.15.0
+    transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
+      - supports-color
+    dev: true
+
+  /eslint-plugin-jsx-a11y@6.8.0(eslint@8.57.0):
+    resolution: {integrity: sha512-Hdh937BS3KdwwbBaKd5+PLCOmYY6U4f2h9Z2ktwtNKvIdIEu137rjYbcb9ApSbVJfWxANNuiKTD/9tOKjK9qOA==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
+    dependencies:
+      '@babel/runtime': 7.24.6
+      aria-query: 5.3.0
+      array-includes: 3.1.8
+      array.prototype.flatmap: 1.3.2
+      ast-types-flow: 0.0.8
+      axe-core: 4.7.0
+      axobject-query: 3.2.1
+      damerau-levenshtein: 1.0.8
+      emoji-regex: 9.2.2
+      es-iterator-helpers: 1.0.19
+      eslint: 8.57.0
+      hasown: 2.0.2
+      jsx-ast-utils: 3.3.5
+      language-tags: 1.0.9
+      minimatch: 3.1.2
+      object.entries: 1.1.8
+      object.fromentries: 2.0.8
+    dev: true
+
+  /eslint-plugin-promise@6.1.1(eslint@8.57.0):
+    resolution: {integrity: sha512-tjqWDwVZQo7UIPMeDReOpUgHCmCiH+ePnVT+5zVapL0uuHnegBUs2smM13CzOs2Xb5+MHMRFTs9v24yjba4Oig==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+    dependencies:
+      eslint: 8.57.0
+    dev: true
+
+  /eslint-plugin-react-hooks@4.6.2(eslint@8.57.0):
+    resolution: {integrity: sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
+    dependencies:
+      eslint: 8.57.0
+    dev: true
+
+  /eslint-plugin-react@7.33.2(eslint@8.57.0):
+    resolution: {integrity: sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
+    dependencies:
+      array-includes: 3.1.8
+      array.prototype.flatmap: 1.3.2
+      array.prototype.tosorted: 1.1.3
+      doctrine: 2.1.0
+      es-iterator-helpers: 1.0.19
+      eslint: 8.57.0
+      estraverse: 5.3.0
+      jsx-ast-utils: 3.3.5
+      minimatch: 3.1.2
+      object.entries: 1.1.8
+      object.fromentries: 2.0.8
+      object.hasown: 1.1.4
+      object.values: 1.2.0
+      prop-types: 15.8.1
+      resolve: 2.0.0-next.5
+      semver: 6.3.1
+      string.prototype.matchall: 4.0.11
+    dev: true
+
+  /eslint-plugin-sonarjs@1.0.3(eslint@8.57.0):
+    resolution: {integrity: sha512-6s41HLPYPyDrp+5+7Db5yFYbod6h9pC7yx+xfcNwHRcLe1EZwbbQT/tdOAkR7ekVUkNGEvN3GmYakIoQUX7dEg==}
+    engines: {node: '>=16'}
+    peerDependencies:
+      eslint: ^8.0.0 || ^9.0.0
+    dependencies:
+      eslint: 8.57.0
+    dev: true
+
+  /eslint-plugin-tsdoc@0.2.17:
+    resolution: {integrity: sha512-xRmVi7Zx44lOBuYqG8vzTXuL6IdGOeF9nHX17bjJ8+VE6fsxpdGem0/SBTmAwgYMKYB1WBkqRJVQ+n8GK041pA==}
+    dependencies:
+      '@microsoft/tsdoc': 0.14.2
+      '@microsoft/tsdoc-config': 0.16.2
+    dev: true
+
+  /eslint-plugin-unicorn@53.0.0(eslint@8.57.0):
+    resolution: {integrity: sha512-kuTcNo9IwwUCfyHGwQFOK/HjJAYzbODHN3wP0PgqbW+jbXqpNWxNVpVhj2tO9SixBwuAdmal8rVcWKBxwFnGuw==}
+    engines: {node: '>=18.18'}
+    peerDependencies:
+      eslint: '>=8.56.0'
+    dependencies:
+      '@babel/helper-validator-identifier': 7.24.6
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@eslint/eslintrc': 3.1.0
+      ci-info: 4.0.0
+      clean-regexp: 1.0.0
+      core-js-compat: 3.37.1
+      eslint: 8.57.0
+      esquery: 1.5.0
+      indent-string: 4.0.0
+      is-builtin-module: 3.2.1
+      jsesc: 3.0.2
+      pluralize: 8.0.0
+      read-pkg-up: 7.0.1
+      regexp-tree: 0.1.27
+      regjsparser: 0.10.0
+      semver: 7.6.2
+      strip-indent: 3.0.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-scope@7.2.2:
+    resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+    dev: true
+
+  /eslint-scope@8.0.1:
+    resolution: {integrity: sha512-pL8XjgP4ZOmmwfFE8mEhSxA7ZY4C+LWyqjQ3o4yWkkmD0qcMT9kkW3zWHOczhWcjTSgqycYAgwSlXvZltv65og==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+    dev: true
+
+  /eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
+  /eslint-visitor-keys@4.0.0:
+    resolution: {integrity: sha512-OtIRv/2GyiF6o/d8K7MYKKbXrOUBIK6SfkIRM4Z0dY3w+LiQ0vy3F57m0Z71bjbyeiWFiHJ8brqnmE6H6/jEuw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    dev: true
+
+  /eslint@8.57.0:
+    resolution: {integrity: sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    hasBin: true
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@eslint-community/regexpp': 4.10.0
+      '@eslint/eslintrc': 2.1.4
+      '@eslint/js': 8.57.0
+      '@humanwhocodes/config-array': 0.11.14
+      '@humanwhocodes/module-importer': 1.0.1
+      '@nodelib/fs.walk': 1.2.8
+      '@ungap/structured-clone': 1.2.0
+      ajv: 6.12.6
+      chalk: 4.1.2
+      cross-spawn: 7.0.3
+      debug: 4.3.4(supports-color@5.5.0)
+      doctrine: 3.0.0
+      escape-string-regexp: 4.0.0
+      eslint-scope: 7.2.2
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      esquery: 1.5.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 6.0.1
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      globals: 13.24.0
+      graphemer: 1.4.0
+      ignore: 5.3.1
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      is-path-inside: 3.0.3
+      js-yaml: 4.1.0
+      json-stable-stringify-without-jsonify: 1.0.1
+      levn: 0.4.1
+      lodash.merge: 4.6.2
+      minimatch: 3.1.2
+      natural-compare: 1.4.0
+      optionator: 0.9.4
+      strip-ansi: 6.0.1
+      text-table: 0.2.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /espree@10.0.1:
+    resolution: {integrity: sha512-MWkrWZbJsL2UwnjxTX3gG8FneachS/Mwg7tdGXce011sJd5b0JG54vat5KHnfSBODZ3Wvzd2WnjxyzsRoVv+ww==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    dependencies:
+      acorn: 8.11.3
+      acorn-jsx: 5.3.2(acorn@8.11.3)
+      eslint-visitor-keys: 4.0.0
+    dev: true
+
+  /espree@9.6.1:
+    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      acorn: 8.11.3
+      acorn-jsx: 5.3.2(acorn@8.11.3)
+      eslint-visitor-keys: 3.4.3
+    dev: true
+
   /esprima@4.0.1:
     resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
     engines: {node: '>=4'}
     hasBin: true
     dev: false
 
+  /esquery@1.5.0:
+    resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
+    engines: {node: '>=0.10'}
+    dependencies:
+      estraverse: 5.3.0
+    dev: true
+
+  /esrecurse@4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
+    dependencies:
+      estraverse: 5.3.0
+    dev: true
+
+  /estraverse@5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+    dev: true
+
   /estree-util-attach-comments@3.0.0:
     resolution: {integrity: sha512-cKUwm/HUcTDsYh/9FgnuFqpfquUbwIqwKM26BVCGDPVgvaCl/nDCCjUfiLlx6lsEZ3Z4RFxNbOQ60pkaEwFxGw==}
     dependencies:
@@ -2893,6 +4085,11 @@ packages:
       '@types/estree': 1.0.0
     dev: false
 
+  /esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
   /eventemitter3@5.0.1:
     resolution: {integrity: sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==}
     dev: false
@@ -2932,6 +4129,10 @@ packages:
     resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
     dev: false
 
+  /fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+    dev: true
+
   /fast-glob@3.3.2:
     resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
     engines: {node: '>=8.6.0'}
@@ -2941,7 +4142,14 @@ packages:
       glob-parent: 5.1.2
       merge2: 1.4.1
       micromatch: 4.0.5
-    dev: false
+
+  /fast-json-stable-stringify@2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+    dev: true
+
+  /fast-levenshtein@2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+    dev: true
 
   /fast-xml-parser@4.4.0:
     resolution: {integrity: sha512-kLY3jFlwIYwBNDojclKsNAC12sfD6NwW74QB2CoNGPvtVxjliYehVunB3HYyNi+n4Tt1dAcgwYvmKF/Z18flqg==}
@@ -2954,14 +4162,19 @@ packages:
     resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
     dependencies:
       reusify: 1.0.4
-    dev: false
+
+  /file-entry-cache@6.0.1:
+    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
+    engines: {node: ^10.12.0 || >=12.0.0}
+    dependencies:
+      flat-cache: 3.2.0
+    dev: true
 
   /fill-range@7.0.1:
     resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
     engines: {node: '>=8'}
     dependencies:
       to-regex-range: 5.0.1
-    dev: false
 
   /find-up@4.1.0:
     resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
@@ -2969,7 +4182,6 @@ packages:
     dependencies:
       locate-path: 5.0.0
       path-exists: 4.0.0
-    dev: false
 
   /find-up@5.0.0:
     resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
@@ -2977,7 +4189,6 @@ packages:
     dependencies:
       locate-path: 6.0.0
       path-exists: 4.0.0
-    dev: false
 
   /find-yarn-workspace-root2@1.2.16:
     resolution: {integrity: sha512-hr6hb1w8ePMpPVUK39S4RlwJzi+xPLuVuG8XlwXU3KD5Yn3qgBWVfy3AzNlDhWvE1EORCE65/Qm26rFQt3VLVA==}
@@ -2986,11 +4197,34 @@ packages:
       pkg-dir: 4.2.0
     dev: false
 
+  /flat-cache@3.2.0:
+    resolution: {integrity: sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==}
+    engines: {node: ^10.12.0 || >=12.0.0}
+    dependencies:
+      flatted: 3.3.1
+      keyv: 4.5.4
+      rimraf: 3.0.2
+    dev: true
+
+  /flatted@3.3.1:
+    resolution: {integrity: sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==}
+    dev: true
+
   /flattie@1.1.1:
     resolution: {integrity: sha512-9UbaD6XdAL97+k/n+N7JwX46K/M6Zc6KcFYskrYL8wbBV/Uyk0CTAMY0VT+qiK5PM7AIc9aTWYtq65U7T+aCNQ==}
     engines: {node: '>=8'}
     dev: false
 
+  /for-each@0.3.3:
+    resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
+    dependencies:
+      is-callable: 1.2.7
+    dev: true
+
+  /fs.realpath@1.0.0:
+    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
+    dev: true
+
   /fsevents@2.3.3:
     resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
@@ -2999,9 +4233,22 @@ packages:
     dev: false
     optional: true
 
-  /function-bind@1.1.1:
-    resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
-    dev: false
+  /function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+
+  /function.prototype.name@1.1.6:
+    resolution: {integrity: sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      functions-have-names: 1.2.3
+    dev: true
+
+  /functions-have-names@1.2.3:
+    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
+    dev: true
 
   /gensync@1.0.0-beta.2:
     resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
@@ -3013,11 +4260,37 @@ packages:
     engines: {node: '>=18'}
     dev: false
 
+  /get-intrinsic@1.2.4:
+    resolution: {integrity: sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+      has-proto: 1.0.3
+      has-symbols: 1.0.3
+      hasown: 2.0.2
+    dev: true
+
   /get-stream@8.0.1:
     resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==}
     engines: {node: '>=16'}
     dev: false
 
+  /get-symbol-description@1.0.2:
+    resolution: {integrity: sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
+    dev: true
+
+  /get-tsconfig@4.7.5:
+    resolution: {integrity: sha512-ZCuZCnlqNzjb4QprAzXKdpp/gh6KTxSJuw3IBsPnV/7fV4NxC9ckB+vPTt8w7fJA0TaSD7c55BR47JD6MEDyDw==}
+    dependencies:
+      resolve-pkg-maps: 1.0.0
+    dev: true
+
   /github-slugger@2.0.0:
     resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==}
     dev: false
@@ -3027,16 +4300,80 @@ packages:
     engines: {node: '>= 6'}
     dependencies:
       is-glob: 4.0.3
-    dev: false
+
+  /glob-parent@6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+    dependencies:
+      is-glob: 4.0.3
+    dev: true
+
+  /glob@7.2.3:
+    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
+    deprecated: Glob versions prior to v9 are no longer supported
+    dependencies:
+      fs.realpath: 1.0.0
+      inflight: 1.0.6
+      inherits: 2.0.4
+      minimatch: 3.1.2
+      once: 1.4.0
+      path-is-absolute: 1.0.1
+    dev: true
 
   /globals@11.12.0:
     resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
     engines: {node: '>=4'}
     dev: false
 
+  /globals@13.24.0:
+    resolution: {integrity: sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      type-fest: 0.20.2
+    dev: true
+
+  /globals@14.0.0:
+    resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
+    engines: {node: '>=18'}
+    dev: true
+
+  /globals@15.3.0:
+    resolution: {integrity: sha512-cCdyVjIUVTtX8ZsPkq1oCsOsLmGIswqnjZYMJJTGaNApj1yHtLSymKhwH51ttirREn75z3p4k051clwg7rvNKA==}
+    engines: {node: '>=18'}
+    dev: true
+
+  /globalthis@1.0.4:
+    resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      define-properties: 1.2.1
+      gopd: 1.0.1
+    dev: true
+
+  /globby@11.1.0:
+    resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
+    engines: {node: '>=10'}
+    dependencies:
+      array-union: 2.1.0
+      dir-glob: 3.0.1
+      fast-glob: 3.3.2
+      ignore: 5.3.1
+      merge2: 1.4.1
+      slash: 3.0.0
+    dev: true
+
+  /gopd@1.0.1:
+    resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
+    dependencies:
+      get-intrinsic: 1.2.4
+    dev: true
+
   /graceful-fs@4.2.10:
     resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==}
-    dev: false
+
+  /graphemer@1.4.0:
+    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
+    dev: true
 
   /gray-matter@4.0.3:
     resolution: {integrity: sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==}
@@ -3048,17 +4385,54 @@ packages:
       strip-bom-string: 1.0.0
     dev: false
 
+  /has-bigints@1.0.2:
+    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
+    dev: true
+
   /has-flag@3.0.0:
     resolution: {integrity: sha1-tdRU3CGZriJWmfNGfloH87lVuv0=}
     engines: {node: '>=4'}
-    dev: false
+
+  /has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /has-property-descriptors@1.0.2:
+    resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
+    dependencies:
+      es-define-property: 1.0.0
+    dev: true
+
+  /has-proto@1.0.3:
+    resolution: {integrity: sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /has-symbols@1.0.3:
+    resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /has-tostringtag@1.0.2:
+    resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-symbols: 1.0.3
+    dev: true
 
   /has@1.0.3:
     resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
     engines: {node: '>= 0.4.0'}
     dependencies:
-      function-bind: 1.1.1
-    dev: false
+      function-bind: 1.1.2
+
+  /hasown@2.0.2:
+    resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      function-bind: 1.1.2
+    dev: true
 
   /hast-util-from-html@2.0.1:
     resolution: {integrity: sha512-RXQBLMl9kjKVNkJTIO6bZyb2n+cUH8LFaSSzo82jiLT6Tfc+Pt7VQCS+/h3YwG4jaNE2TA2sdJisGWR+aJrp0g==}
@@ -3294,6 +4668,10 @@ packages:
       react-is: 16.13.1
     dev: false
 
+  /hosted-git-info@2.8.9:
+    resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
+    dev: true
+
   /html-escaper@3.0.3:
     resolution: {integrity: sha512-RuMffC89BOWQoY0WKGpIhn5gX3iI54O6nRA0yC124NYVtzjmFWBIiFd8M0x+ZdX0P9R4lADg1mgP8C7PxGOWuQ==}
     dev: false
@@ -3324,10 +4702,45 @@ packages:
     engines: {node: '>=16.17.0'}
     dev: false
 
+  /ignore@5.3.1:
+    resolution: {integrity: sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==}
+    engines: {node: '>= 4'}
+    dev: true
+
+  /import-fresh@3.3.0:
+    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
+    engines: {node: '>=6'}
+    dependencies:
+      parent-module: 1.0.1
+      resolve-from: 4.0.0
+    dev: true
+
   /import-meta-resolve@4.0.0:
     resolution: {integrity: sha512-okYUR7ZQPH+efeuMJGlq4f8ubUgO50kByRPyt/Cy1Io4PSRsPjxME+YlVaCOx+NIToW7hCsZNFJyTPFFKepRSA==}
     dev: false
 
+  /imurmurhash@0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+    dev: true
+
+  /indent-string@4.0.0:
+    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /inflight@1.0.6:
+    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
+    deprecated: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
+    dependencies:
+      once: 1.4.0
+      wrappy: 1.0.2
+    dev: true
+
+  /inherits@2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+    dev: true
+
   /inline-style-parser@0.1.1:
     resolution: {integrity: sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q==}
     dev: false
@@ -3336,6 +4749,15 @@ packages:
     resolution: {integrity: sha512-EcKzdTHVe8wFVOGEYXiW9WmJXPjqi1T+234YpJr98RiFYKHV3cdy1+3mkTE+KHTHxFFLH51SfaGOoUdW+v7ViQ==}
     dev: false
 
+  /internal-slot@1.0.7:
+    resolution: {integrity: sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      es-errors: 1.3.0
+      hasown: 2.0.2
+      side-channel: 1.0.6
+    dev: true
+
   /is-alphabetical@2.0.1:
     resolution: {integrity: sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==}
     dev: false
@@ -3347,12 +4769,37 @@ packages:
       is-decimal: 2.0.1
     dev: false
 
+  /is-array-buffer@3.0.4:
+    resolution: {integrity: sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
+    dev: true
+
+  /is-arrayish@0.2.1:
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+    dev: true
+
   /is-arrayish@0.3.2:
     resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
     requiresBuild: true
     dev: false
     optional: true
 
+  /is-async-function@2.0.0:
+    resolution: {integrity: sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: 1.0.2
+    dev: true
+
+  /is-bigint@1.0.4:
+    resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
+    dependencies:
+      has-bigints: 1.0.2
+    dev: true
+
   /is-binary-path@2.1.0:
     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
     engines: {node: '>=8'}
@@ -3360,16 +4807,55 @@ packages:
       binary-extensions: 2.2.0
     dev: false
 
+  /is-boolean-object@1.1.2:
+    resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      has-tostringtag: 1.0.2
+    dev: true
+
   /is-buffer@2.0.5:
     resolution: {integrity: sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==}
     engines: {node: '>=4'}
     dev: false
 
+  /is-builtin-module@3.2.1:
+    resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==}
+    engines: {node: '>=6'}
+    dependencies:
+      builtin-modules: 3.3.0
+    dev: true
+
+  /is-callable@1.2.7:
+    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
   /is-core-module@2.13.0:
     resolution: {integrity: sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==}
     dependencies:
       has: 1.0.3
-    dev: false
+
+  /is-core-module@2.13.1:
+    resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==}
+    dependencies:
+      hasown: 2.0.2
+    dev: true
+
+  /is-data-view@1.0.1:
+    resolution: {integrity: sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      is-typed-array: 1.1.13
+    dev: true
+
+  /is-date-object@1.0.5:
+    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: 1.0.2
+    dev: true
 
   /is-decimal@2.0.1:
     resolution: {integrity: sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==}
@@ -3389,19 +4875,30 @@ packages:
   /is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
-    dev: false
+
+  /is-finalizationregistry@1.0.2:
+    resolution: {integrity: sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==}
+    dependencies:
+      call-bind: 1.0.7
+    dev: true
 
   /is-fullwidth-code-point@3.0.0:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
     engines: {node: '>=8'}
     dev: false
 
+  /is-generator-function@1.0.10:
+    resolution: {integrity: sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: 1.0.2
+    dev: true
+
   /is-glob@4.0.3:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
     dependencies:
       is-extglob: 2.1.1
-    dev: false
 
   /is-hexadecimal@2.0.1:
     resolution: {integrity: sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==}
@@ -3412,10 +4909,31 @@ packages:
     engines: {node: '>=12'}
     dev: false
 
+  /is-map@2.0.3:
+    resolution: {integrity: sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /is-negative-zero@2.0.3:
+    resolution: {integrity: sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /is-number-object@1.0.7:
+    resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: 1.0.2
+    dev: true
+
   /is-number@7.0.0:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
-    dev: false
+
+  /is-path-inside@3.0.3:
+    resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
+    engines: {node: '>=8'}
+    dev: true
 
   /is-plain-obj@4.1.0:
     resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
@@ -3428,11 +4946,52 @@ packages:
       '@types/estree': 1.0.0
     dev: false
 
+  /is-regex@1.1.4:
+    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      has-tostringtag: 1.0.2
+    dev: true
+
+  /is-set@2.0.3:
+    resolution: {integrity: sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /is-shared-array-buffer@1.0.3:
+    resolution: {integrity: sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+    dev: true
+
   /is-stream@3.0.0:
     resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dev: false
 
+  /is-string@1.0.7:
+    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: 1.0.2
+    dev: true
+
+  /is-symbol@1.0.4:
+    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-symbols: 1.0.3
+    dev: true
+
+  /is-typed-array@1.1.13:
+    resolution: {integrity: sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      which-typed-array: 1.1.15
+    dev: true
+
   /is-unicode-supported@1.3.0:
     resolution: {integrity: sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==}
     engines: {node: '>=12'}
@@ -3443,6 +5002,25 @@ packages:
     engines: {node: '>=18'}
     dev: false
 
+  /is-weakmap@2.0.2:
+    resolution: {integrity: sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /is-weakref@1.0.2:
+    resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
+    dependencies:
+      call-bind: 1.0.7
+    dev: true
+
+  /is-weakset@2.0.3:
+    resolution: {integrity: sha512-LvIm3/KWzS9oRFHugab7d+M/GcBXuXX5xZkzPmN+NxihdQlZUQ4dWuSV1xR/sq6upL1TJEDrfBgRepHFdBtSNQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
+    dev: true
+
   /is-wsl@3.0.0:
     resolution: {integrity: sha512-TQ7xXW/fTBaz/HhGSV779AC99ocpvb9qJPuPwyIea+F+Z+htcQ1wouAA0xEQaa4saVqyP8mwkoYp5efeM/4Gbg==}
     engines: {node: '>=16'}
@@ -3450,13 +5028,29 @@ packages:
       is-docker: 3.0.0
     dev: false
 
+  /isarray@2.0.5:
+    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
+    dev: true
+
   /isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
-    dev: false
+
+  /iterator.prototype@1.1.2:
+    resolution: {integrity: sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==}
+    dependencies:
+      define-properties: 1.2.1
+      get-intrinsic: 1.2.4
+      has-symbols: 1.0.3
+      reflect.getprototypeof: 1.0.6
+      set-function-name: 2.0.2
+    dev: true
+
+  /jju@1.4.0:
+    resolution: {integrity: sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==}
+    dev: true
 
   /js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
-    dev: false
 
   /js-yaml@3.14.1:
     resolution: {integrity: sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==}
@@ -3471,19 +5065,73 @@ packages:
     hasBin: true
     dependencies:
       argparse: 2.0.1
-    dev: false
+
+  /jschardet@3.1.2:
+    resolution: {integrity: sha512-mw3CBZGzW8nUBPYhFU2ztZ/kJ6NClQUQVpyzvFMfznZsoC///ZQ30J2RCUanNsr5yF22LqhgYr/lj807/ZleWA==}
+    engines: {node: '>=0.1.90'}
+    dev: true
+
+  /jsesc@0.5.0:
+    resolution: {integrity: sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==}
+    hasBin: true
+    dev: true
 
   /jsesc@2.5.2:
     resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==}
     engines: {node: '>=4'}
     dev: false
 
+  /jsesc@3.0.2:
+    resolution: {integrity: sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==}
+    engines: {node: '>=6'}
+    hasBin: true
+    dev: true
+
+  /json-buffer@3.0.1:
+    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
+    dev: true
+
+  /json-parse-even-better-errors@2.3.1:
+    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
+    dev: true
+
+  /json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+    dev: true
+
+  /json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+    dev: true
+
+  /json5@1.0.2:
+    resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==}
+    hasBin: true
+    dependencies:
+      minimist: 1.2.8
+    dev: true
+
   /json5@2.2.3:
     resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
     engines: {node: '>=6'}
     hasBin: true
     dev: false
 
+  /jsx-ast-utils@3.3.5:
+    resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==}
+    engines: {node: '>=4.0'}
+    dependencies:
+      array-includes: 3.1.8
+      array.prototype.flat: 1.3.2
+      object.assign: 4.1.5
+      object.values: 1.2.0
+    dev: true
+
+  /keyv@4.5.4:
+    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
+    dependencies:
+      json-buffer: 3.0.1
+    dev: true
+
   /kind-of@6.0.3:
     resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
     engines: {node: '>=0.10.0'}
@@ -3499,9 +5147,32 @@ packages:
     engines: {node: '>=6'}
     dev: false
 
-  /lite-youtube-embed@0.3.2:
-    resolution: {integrity: sha512-b1dgKyF4PHhinonmr3PB172Nj0qQgA/7DE9EmeIXHR1ksnFEC2olWjNJyJGdsN2cleKHRjjsmrziKlwXtPlmLQ==}
-    dev: false
+  /lite-youtube-embed@0.3.2:
+    resolution: {integrity: sha512-b1dgKyF4PHhinonmr3PB172Nj0qQgA/7DE9EmeIXHR1ksnFEC2olWjNJyJGdsN2cleKHRjjsmrziKlwXtPlmLQ==}
+    dev: false
+
+  /language-subtag-registry@0.3.23:
+    resolution: {integrity: sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==}
+    dev: true
+
+  /language-tags@1.0.9:
+    resolution: {integrity: sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==}
+    engines: {node: '>=0.10'}
+    dependencies:
+      language-subtag-registry: 0.3.23
+    dev: true
+
+  /levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+    dependencies:
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+    dev: true
+
+  /lines-and-columns@1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+    dev: true
 
   /load-yaml-file@0.2.0:
     resolution: {integrity: sha512-OfCBkGEw4nN6JLtgRidPX6QxjBQGQf72q3si2uvqyFEMbycSFFHwAZeXx6cJgFM9wmLrf9zBwCP3Ivqa+LLZPw==}
@@ -3518,18 +5189,19 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       p-locate: 4.1.0
-    dev: false
 
   /locate-path@6.0.0:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
     dependencies:
       p-locate: 5.0.0
-    dev: false
+
+  /lodash.merge@4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+    dev: true
 
   /lodash@4.17.21:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
-    dev: false
 
   /log-symbols@6.0.0:
     resolution: {integrity: sha512-i24m8rpwhmPIS4zscNzK6MSEhk0DUWa/8iYQWxhffV8jkI4Phvs3F+quL5xvS0gdQR0FyTCMMH33Y78dDTzzIw==}
@@ -3547,7 +5219,6 @@ packages:
     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
     dependencies:
       js-tokens: 4.0.0
-    dev: false
 
   /lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
@@ -3779,7 +5450,6 @@ packages:
   /merge2@1.4.1:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
-    dev: false
 
   /micromark-core-commonmark@2.0.0:
     resolution: {integrity: sha512-jThOz/pVmAYUtkroV3D5c1osFXAMv9e0ypGDOIZuCeAe91/sD6BoE2Sjzt30yuXtwOYUmySOhMas/PVyh02itA==}
@@ -4121,7 +5791,6 @@ packages:
     dependencies:
       braces: 3.0.2
       picomatch: 2.3.1
-    dev: false
 
   /mimic-fn@2.1.0:
     resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
@@ -4133,6 +5802,35 @@ packages:
     engines: {node: '>=12'}
     dev: false
 
+  /min-indent@1.0.1:
+    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /minimatch@3.1.2:
+    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+    dependencies:
+      brace-expansion: 1.1.11
+    dev: true
+
+  /minimatch@9.0.3:
+    resolution: {integrity: sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    dependencies:
+      brace-expansion: 2.0.1
+    dev: true
+
+  /minimatch@9.0.4:
+    resolution: {integrity: sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    dependencies:
+      brace-expansion: 2.0.1
+    dev: true
+
+  /minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+    dev: true
+
   /mrmime@2.0.0:
     resolution: {integrity: sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==}
     engines: {node: '>=10'}
@@ -4140,7 +5838,6 @@ packages:
 
   /ms@2.1.2:
     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
-    dev: false
 
   /nanoid@3.3.6:
     resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
@@ -4150,7 +5847,10 @@ packages:
   /nanoid@3.3.7:
     resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
-    dev: false
+
+  /natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+    dev: true
 
   /nlcst-to-string@3.1.1:
     resolution: {integrity: sha512-63mVyqaqt0cmn2VcI2aH6kxe1rLAmSROqHMA0i4qqg1tidkfExgpb0FGMikMCn86mw5dFtBtEANfmSSK7TjNHw==}
@@ -4170,7 +5870,15 @@ packages:
 
   /node-releases@2.0.14:
     resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==}
-    dev: false
+
+  /normalize-package-data@2.5.0:
+    resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
+    dependencies:
+      hosted-git-info: 2.8.9
+      resolve: 1.22.8
+      semver: 5.7.2
+      validate-npm-package-license: 3.0.4
+    dev: true
 
   /normalize-path@3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
@@ -4190,6 +5898,82 @@ packages:
       boolbase: 1.0.0
     dev: false
 
+  /object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /object-inspect@1.13.1:
+    resolution: {integrity: sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==}
+    dev: true
+
+  /object-keys@1.1.1:
+    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /object.assign@4.1.5:
+    resolution: {integrity: sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      has-symbols: 1.0.3
+      object-keys: 1.1.1
+    dev: true
+
+  /object.entries@1.1.8:
+    resolution: {integrity: sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-object-atoms: 1.0.0
+    dev: true
+
+  /object.fromentries@2.0.8:
+    resolution: {integrity: sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-object-atoms: 1.0.0
+    dev: true
+
+  /object.groupby@1.0.3:
+    resolution: {integrity: sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+    dev: true
+
+  /object.hasown@1.1.4:
+    resolution: {integrity: sha512-FZ9LZt9/RHzGySlBARE3VF+gE26TxR38SdmqOqliuTnl9wrKulaQs+4dee1V+Io8VfxqzAfHu6YuRgUy8OHoTg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-object-atoms: 1.0.0
+    dev: true
+
+  /object.values@1.2.0:
+    resolution: {integrity: sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-object-atoms: 1.0.0
+    dev: true
+
+  /once@1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+    dependencies:
+      wrappy: 1.0.2
+    dev: true
+
   /onetime@5.1.2:
     resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
     engines: {node: '>=6'}
@@ -4204,6 +5988,18 @@ packages:
       mimic-fn: 4.0.0
     dev: false
 
+  /optionator@0.9.4:
+    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
+    engines: {node: '>= 0.8.0'}
+    dependencies:
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+      word-wrap: 1.2.5
+    dev: true
+
   /ora@8.0.1:
     resolution: {integrity: sha512-ANIvzobt1rls2BDny5fWZ3ZVKyD6nscLvfFRpQgfWsythlcsVUC9kL0zq6j2Z5z9wwp1kd7wpsD/T9qNPVLCaQ==}
     engines: {node: '>=18'}
@@ -4224,14 +6020,12 @@ packages:
     engines: {node: '>=6'}
     dependencies:
       p-try: 2.2.0
-    dev: false
 
   /p-limit@3.1.0:
     resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
     engines: {node: '>=10'}
     dependencies:
       yocto-queue: 0.1.0
-    dev: false
 
   /p-limit@5.0.0:
     resolution: {integrity: sha512-/Eaoq+QyLSiXQ4lyYV23f14mZRQcXnxfHrN0vCai+ak9G0pp9iEQukIIZq5NccEvwRB8PUnZT0KsOoDCINS1qQ==}
@@ -4245,14 +6039,12 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       p-limit: 2.3.0
-    dev: false
 
   /p-locate@5.0.0:
     resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
     engines: {node: '>=10'}
     dependencies:
       p-limit: 3.1.0
-    dev: false
 
   /p-queue@8.0.1:
     resolution: {integrity: sha512-NXzu9aQJTAzbBqOt2hwsR63ea7yvxJc0PwN/zobNAudYfb1B7R08SzB4TsLeSbUCuG467NhnoT0oO6w1qRO+BA==}
@@ -4270,7 +6062,6 @@ packages:
   /p-try@2.2.0:
     resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
     engines: {node: '>=6'}
-    dev: false
 
   /pagefind@1.1.0:
     resolution: {integrity: sha512-1nmj0/vfYcMxNEQj0YDRp6bTVv9hI7HLdPhK/vBBYlrnwjATndQvHyicj5Y7pUHrpCFZpFnLVQXIF829tpFmaw==}
@@ -4283,6 +6074,13 @@ packages:
       '@pagefind/windows-x64': 1.1.0
     dev: false
 
+  /parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+    dependencies:
+      callsites: 3.1.0
+    dev: true
+
   /parse-entities@4.0.1:
     resolution: {integrity: sha512-SWzvYcSJh4d/SGLIOQfZ/CoNv6BTlI6YEQ7Nj82oDVnRpwe/Z/F1EMx42x3JAOwGBlCjeCH0BRJQbQ/opHL17w==}
     dependencies:
@@ -4296,6 +6094,16 @@ packages:
       is-hexadecimal: 2.0.1
     dev: false
 
+  /parse-json@5.2.0:
+    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
+    engines: {node: '>=8'}
+    dependencies:
+      '@babel/code-frame': 7.24.6
+      error-ex: 1.3.2
+      json-parse-even-better-errors: 2.3.1
+      lines-and-columns: 1.2.4
+    dev: true
+
   /parse-latin@5.0.1:
     resolution: {integrity: sha512-b/K8ExXaWC9t34kKeDV8kGXBkXZ1HCSAZRYE7HR14eA1GlXX5L8iWhs8USJNhQU9q5ci413jCKF0gOyovvyRBg==}
     dependencies:
@@ -4335,12 +6143,15 @@ packages:
   /path-exists@4.0.0:
     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
     engines: {node: '>=8'}
-    dev: false
+
+  /path-is-absolute@1.0.1:
+    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
 
   /path-key@3.1.1:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
     engines: {node: '>=8'}
-    dev: false
 
   /path-key@4.0.0:
     resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
@@ -4349,12 +6160,16 @@ packages:
 
   /path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
-    dev: false
 
   /path-to-regexp@6.2.2:
     resolution: {integrity: sha512-GQX3SSMokngb36+whdpRXE+3f9V8UzyAorlYvOGx87ufGHehNTn5lCxrKtLyZ4Yl/wEKnNnr98ZzOwwDZV5ogw==}
     dev: false
 
+  /path-type@4.0.0:
+    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
+    engines: {node: '>=8'}
+    dev: true
+
   /periscopic@3.1.0:
     resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
     dependencies:
@@ -4365,16 +6180,13 @@ packages:
 
   /picocolors@1.0.0:
     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
-    dev: false
 
   /picocolors@1.0.1:
     resolution: {integrity: sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==}
-    dev: false
 
   /picomatch@2.3.1:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
-    dev: false
 
   /pify@4.0.1:
     resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
@@ -4388,6 +6200,16 @@ packages:
       find-up: 4.1.0
     dev: false
 
+  /pluralize@8.0.0:
+    resolution: {integrity: sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /possible-typed-array-names@1.0.0:
+    resolution: {integrity: sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
   /postcss-nested@6.0.1(postcss@8.4.32):
     resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==}
     engines: {node: '>=12.0'}
@@ -4404,7 +6226,6 @@ packages:
     dependencies:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
-    dev: false
 
   /postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
@@ -4433,9 +6254,8 @@ packages:
     engines: {node: ^10 || ^12 || >=14}
     dependencies:
       nanoid: 3.3.7
-      picocolors: 1.0.0
+      picocolors: 1.0.1
       source-map-js: 1.2.0
-    dev: false
 
   /preferred-pm@3.1.3:
     resolution: {integrity: sha512-MkXsENfftWSRpzCzImcp4FRsCc3y1opwB73CfCNWyzMqArju2CrlMHlqB7VexKiPEOjGMbttv1r9fSCn5S610w==}
@@ -4447,6 +6267,34 @@ packages:
       which-pm: 2.0.0
     dev: false
 
+  /prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+    dev: true
+
+  /prettier-config-standard@7.0.0(prettier@3.2.5):
+    resolution: {integrity: sha512-NgZy4TYupJR6aMMuV/Aqs0ONnVhlFT8PXVkYRskxREq8EUhJHOddVfBxPV6fWpgcASpJSgvvhVLk0CBO5M3Hvw==}
+    peerDependencies:
+      prettier: ^2.6.0 || ^3.0.0
+    dependencies:
+      prettier: 3.2.5
+    dev: true
+
+  /prettier-plugin-astro@0.14.0:
+    resolution: {integrity: sha512-7jRGJsexaRIyUzTk8uzXlP45cw6DQ5Ci4bTe0xCBCcuO1Fff8jJy9oI+kRCQKSdDFTSAArMSg8GpvzlKBtSaZA==}
+    engines: {node: ^14.15.0 || >=16.0.0}
+    dependencies:
+      '@astrojs/compiler': 1.8.2
+      prettier: 3.2.5
+      sass-formatter: 0.7.9
+    dev: true
+
+  /prettier@3.2.5:
+    resolution: {integrity: sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dev: true
+
   /prismjs@1.29.0:
     resolution: {integrity: sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==}
     engines: {node: '>=6'}
@@ -4460,13 +6308,25 @@ packages:
       sisteransi: 1.0.5
     dev: false
 
+  /prop-types@15.8.1:
+    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
+    dependencies:
+      loose-envify: 1.4.0
+      object-assign: 4.1.1
+      react-is: 16.13.1
+    dev: true
+
   /property-information@6.2.0:
     resolution: {integrity: sha512-kma4U7AFCTwpqq5twzC1YVIDXSqg6qQK6JN0smOw8fgRy1OkMi0CYSzFmsy6dnqSenamAtj0CyXMUJ1Mf6oROg==}
     dev: false
 
+  /punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+    dev: true
+
   /queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
-    dev: false
 
   /react-dom@18.2.0(react@18.2.0):
     resolution: {integrity: sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==}
@@ -4480,7 +6340,6 @@ packages:
 
   /react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
-    dev: false
 
   /react-is@18.2.0:
     resolution: {integrity: sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==}
@@ -4498,6 +6357,25 @@ packages:
       loose-envify: 1.4.0
     dev: false
 
+  /read-pkg-up@7.0.1:
+    resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==}
+    engines: {node: '>=8'}
+    dependencies:
+      find-up: 4.1.0
+      read-pkg: 5.2.0
+      type-fest: 0.8.1
+    dev: true
+
+  /read-pkg@5.2.0:
+    resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==}
+    engines: {node: '>=8'}
+    dependencies:
+      '@types/normalize-package-data': 2.4.4
+      normalize-package-data: 2.5.0
+      parse-json: 5.2.0
+      type-fest: 0.6.0
+    dev: true
+
   /readdirp@3.6.0:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
     engines: {node: '>=8.10.0'}
@@ -4509,6 +6387,45 @@ packages:
     resolution: {integrity: sha512-onYyVhBNr4CmAxFsKS7bz+uTLRakypIe4R+5A824vBSkQy/hB3fZepoVEf8OVAxzLvK+H/jm9TzpI3ETSm64Kg==}
     dev: false
 
+  /reflect.getprototypeof@1.0.6:
+    resolution: {integrity: sha512-fmfw4XgoDke3kdI6h4xcUz1dG8uaiv5q9gcEwLS4Pnth2kxT+GZ7YehS1JTMGBQmtV7Y4GFGbs2re2NqhdozUg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
+      globalthis: 1.0.4
+      which-builtin-type: 1.1.3
+    dev: true
+
+  /regenerator-runtime@0.14.1:
+    resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
+    dev: true
+
+  /regexp-tree@0.1.27:
+    resolution: {integrity: sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==}
+    hasBin: true
+    dev: true
+
+  /regexp.prototype.flags@1.5.2:
+    resolution: {integrity: sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-errors: 1.3.0
+      set-function-name: 2.0.2
+    dev: true
+
+  /regjsparser@0.10.0:
+    resolution: {integrity: sha512-qx+xQGZVsy55CH0a1hiVwHmqjLryfh7wQyF5HO07XJ9f7dQMY/gPQHhlyDkIzJKC+x2fUCpCcUODUUUFrm7SHA==}
+    hasBin: true
+    dependencies:
+      jsesc: 0.5.0
+    dev: true
+
   /rehype-parse@9.0.0:
     resolution: {integrity: sha512-WG7nfvmWWkCR++KEkZevZb/uw41E8TsH4DsY9UxsTbIXCVGbAs4S+r8FrQ+OtH5EEQAs+5UxKC42VinkmpA1Yw==}
     dependencies:
@@ -4620,6 +6537,22 @@ packages:
       unified: 11.0.4
     dev: false
 
+  /resolve-from@4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /resolve-pkg-maps@1.0.0:
+    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
+    dev: true
+
+  /resolve@1.19.0:
+    resolution: {integrity: sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg==}
+    dependencies:
+      is-core-module: 2.13.0
+      path-parse: 1.0.7
+    dev: true
+
   /resolve@1.22.8:
     resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
     hasBin: true
@@ -4627,7 +6560,15 @@ packages:
       is-core-module: 2.13.0
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
-    dev: false
+
+  /resolve@2.0.0-next.5:
+    resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==}
+    hasBin: true
+    dependencies:
+      is-core-module: 2.13.0
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+    dev: true
 
   /restore-cursor@4.0.0:
     resolution: {integrity: sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==}
@@ -4708,7 +6649,14 @@ packages:
   /reusify@1.0.4:
     resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
-    dev: false
+
+  /rimraf@3.0.2:
+    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
+    deprecated: Rimraf versions prior to v4 are no longer supported
+    hasBin: true
+    dependencies:
+      glob: 7.2.3
+    dev: true
 
   /rollup@3.29.1:
     resolution: {integrity: sha512-c+ebvQz0VIH4KhhCpDsI+Bik0eT8ZFEVZEYw0cGMVqIP8zc+gnwl7iXCamTw7vzv2MeuZFZfdx5JJIq+ehzDlg==}
@@ -4747,7 +6695,35 @@ packages:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
     dependencies:
       queue-microtask: 1.2.3
-    dev: false
+
+  /s.color@0.0.15:
+    resolution: {integrity: sha512-AUNrbEUHeKY8XsYr/DYpl+qk5+aM+DChopnWOPEzn8YKzOhv4l2zH6LzZms3tOZP3wwdOyc0RmTciyi46HLIuA==}
+    dev: true
+
+  /safe-array-concat@1.1.2:
+    resolution: {integrity: sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==}
+    engines: {node: '>=0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
+      has-symbols: 1.0.3
+      isarray: 2.0.5
+    dev: true
+
+  /safe-regex-test@1.0.3:
+    resolution: {integrity: sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-regex: 1.1.4
+    dev: true
+
+  /sass-formatter@0.7.9:
+    resolution: {integrity: sha512-CWZ8XiSim+fJVG0cFLStwDvft1VI7uvXdCNJYXhDvowiv+DsbD1nXLiQ4zrE5UBvj5DWZJ93cwN0NX5PMsr1Pw==}
+    dependencies:
+      suf-log: 2.5.3
+    dev: true
 
   /sax@1.2.4:
     resolution: {integrity: sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==}
@@ -4767,16 +6743,41 @@ packages:
       kind-of: 6.0.3
     dev: false
 
+  /semver@5.7.2:
+    resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
+    hasBin: true
+    dev: true
+
   /semver@6.3.1:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
-    dev: false
 
   /semver@7.6.2:
     resolution: {integrity: sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==}
     engines: {node: '>=10'}
     hasBin: true
-    dev: false
+
+  /set-function-length@1.2.2:
+    resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      define-data-property: 1.1.4
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+      get-intrinsic: 1.2.4
+      gopd: 1.0.1
+      has-property-descriptors: 1.0.2
+    dev: true
+
+  /set-function-name@2.0.2:
+    resolution: {integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      define-data-property: 1.1.4
+      es-errors: 1.3.0
+      functions-have-names: 1.2.3
+      has-property-descriptors: 1.0.2
+    dev: true
 
   /shallowequal@1.1.0:
     resolution: {integrity: sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==}
@@ -4818,12 +6819,10 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       shebang-regex: 3.0.0
-    dev: false
 
   /shebang-regex@3.0.0:
     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
     engines: {node: '>=8'}
-    dev: false
 
   /shiki@1.1.6:
     resolution: {integrity: sha512-j4pcpvaQWHb42cHeV+W6P+X/VcK7Y2ctvEham6zB8wsuRQroT6cEMIkiUmBU2Nqg2qnHZDH6ZyRdVldcy0l6xw==}
@@ -4837,6 +6836,16 @@ packages:
       '@shikijs/core': 1.6.0
     dev: false
 
+  /side-channel@1.0.6:
+    resolution: {integrity: sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
+      object-inspect: 1.13.1
+    dev: true
+
   /signal-exit@3.0.7:
     resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
     dev: false
@@ -4878,6 +6887,11 @@ packages:
       sax: 1.2.4
     dev: false
 
+  /slash@3.0.0:
+    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
+    engines: {node: '>=8'}
+    dev: true
+
   /source-map-js@1.0.2:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
     engines: {node: '>=0.10.0'}
@@ -4886,7 +6900,6 @@ packages:
   /source-map-js@1.2.0:
     resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==}
     engines: {node: '>=0.10.0'}
-    dev: false
 
   /source-map@0.7.4:
     resolution: {integrity: sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==}
@@ -4897,6 +6910,28 @@ packages:
     resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
     dev: false
 
+  /spdx-correct@3.2.0:
+    resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
+    dependencies:
+      spdx-expression-parse: 3.0.1
+      spdx-license-ids: 3.0.18
+    dev: true
+
+  /spdx-exceptions@2.5.0:
+    resolution: {integrity: sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==}
+    dev: true
+
+  /spdx-expression-parse@3.0.1:
+    resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
+    dependencies:
+      spdx-exceptions: 2.5.0
+      spdx-license-ids: 3.0.18
+    dev: true
+
+  /spdx-license-ids@3.0.18:
+    resolution: {integrity: sha512-xxRs31BqRYHwiMzudOrpSiHtZ8i/GeionCBDSilhYRj+9gIcI8wCZTlXZKu9vZIVqViP3dcp9qE5G6AlIaD+TQ==}
+    dev: true
+
   /sprintf-js@1.0.3:
     resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
     dev: false
@@ -4937,6 +6972,51 @@ packages:
       strip-ansi: 7.1.0
     dev: false
 
+  /string.prototype.matchall@4.0.11:
+    resolution: {integrity: sha512-NUdh0aDavY2og7IbBPenWqR9exH+E26Sv8e0/eTe1tltDGZL+GtBkDAnnyBtmekfK6/Dq3MkcGtzXFEd1LQrtg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-errors: 1.3.0
+      es-object-atoms: 1.0.0
+      get-intrinsic: 1.2.4
+      gopd: 1.0.1
+      has-symbols: 1.0.3
+      internal-slot: 1.0.7
+      regexp.prototype.flags: 1.5.2
+      set-function-name: 2.0.2
+      side-channel: 1.0.6
+    dev: true
+
+  /string.prototype.trim@1.2.9:
+    resolution: {integrity: sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-object-atoms: 1.0.0
+    dev: true
+
+  /string.prototype.trimend@1.0.8:
+    resolution: {integrity: sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-object-atoms: 1.0.0
+    dev: true
+
+  /string.prototype.trimstart@1.0.8:
+    resolution: {integrity: sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-object-atoms: 1.0.0
+    dev: true
+
   /stringify-entities@4.0.3:
     resolution: {integrity: sha512-BP9nNHMhhfcMbiuQKCqMjhDP5yBCAxsPu4pHFFzJ6Alo9dZgY4VLDPutXqIjpRiMoKdp7Av85Gr73Q5uH9k7+g==}
     dependencies:
@@ -4949,7 +7029,6 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       ansi-regex: 5.0.1
-    dev: false
 
   /strip-ansi@7.1.0:
     resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
@@ -4966,13 +7045,24 @@ packages:
   /strip-bom@3.0.0:
     resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
     engines: {node: '>=4'}
-    dev: false
 
   /strip-final-newline@3.0.0:
     resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
     engines: {node: '>=12'}
     dev: false
 
+  /strip-indent@3.0.0:
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      min-indent: 1.0.1
+    dev: true
+
+  /strip-json-comments@3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+    dev: true
+
   /strnum@1.0.5:
     resolution: {integrity: sha512-J8bbNyKKXl5qYcR36TIO8W3mVGVHrmmxsd5PAItGkmyzwJvybiw2IVq5nqd0i4LSNSkB/sx9VHllbfFdr9k1JA==}
     dev: false
@@ -5013,17 +7103,45 @@ packages:
       supports-color: 5.5.0
     dev: false
 
+  /suf-log@2.5.3:
+    resolution: {integrity: sha512-KvC8OPjzdNOe+xQ4XWJV2whQA0aM1kGVczMQ8+dStAO6KfEB140JEVQ9dE76ONZ0/Ylf67ni4tILPJB41U0eow==}
+    dependencies:
+      s.color: 0.0.15
+    dev: true
+
   /supports-color@5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
     engines: {node: '>=4'}
     dependencies:
       has-flag: 3.0.0
-    dev: false
+
+  /supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+    dependencies:
+      has-flag: 4.0.0
+    dev: true
 
   /supports-preserve-symlinks-flag@1.0.0:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
-    dev: false
+
+  /synckit@0.9.0:
+    resolution: {integrity: sha512-7RnqIMq572L8PeEzKeBINYEJDDxpcH8JEgLwUqBd3TkofhFRbkq4QLR0u+36avGAhCRbk2nnmjcW9SE531hPDg==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    dependencies:
+      '@pkgr/core': 0.1.1
+      tslib: 2.6.2
+    dev: true
+
+  /tapable@2.2.1:
+    resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /text-table@0.2.0:
+    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
+    dev: true
 
   /to-fast-properties@2.0.0:
     resolution: {integrity: sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=}
@@ -5035,7 +7153,6 @@ packages:
     engines: {node: '>=8.0'}
     dependencies:
       is-number: 7.0.0
-    dev: false
 
   /totalist@3.0.1:
     resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
@@ -5050,6 +7167,15 @@ packages:
     resolution: {integrity: sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g==}
     dev: false
 
+  /ts-api-utils@1.3.0(typescript@5.3.3):
+    resolution: {integrity: sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==}
+    engines: {node: '>=16'}
+    peerDependencies:
+      typescript: '>=4.2.0'
+    dependencies:
+      typescript: 5.3.3
+    dev: true
+
   /tsconfck@3.0.3(typescript@5.3.3):
     resolution: {integrity: sha512-4t0noZX9t6GcPTfBAbIbbIU4pfpCwh0ueq3S4O/5qXI1VwK1outmxhe9dOiEWqMz3MW2LKgDTpqWV+37IWuVbA==}
     engines: {node: ^18 || >=20}
@@ -5063,26 +7189,107 @@ packages:
       typescript: 5.3.3
     dev: false
 
+  /tsconfig-paths@3.15.0:
+    resolution: {integrity: sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==}
+    dependencies:
+      '@types/json5': 0.0.29
+      json5: 1.0.2
+      minimist: 1.2.8
+      strip-bom: 3.0.0
+    dev: true
+
   /tslib@2.6.2:
     resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
     requiresBuild: true
-    dev: false
-    optional: true
+
+  /type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+    dependencies:
+      prelude-ls: 1.2.1
+    dev: true
+
+  /type-fest@0.20.2:
+    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /type-fest@0.6.0:
+    resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /type-fest@0.8.1:
+    resolution: {integrity: sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==}
+    engines: {node: '>=8'}
+    dev: true
 
   /type-fest@2.19.0:
     resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
     engines: {node: '>=12.20'}
     dev: false
 
+  /typed-array-buffer@1.0.2:
+    resolution: {integrity: sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-typed-array: 1.1.13
+    dev: true
+
+  /typed-array-byte-length@1.0.1:
+    resolution: {integrity: sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-proto: 1.0.3
+      is-typed-array: 1.1.13
+    dev: true
+
+  /typed-array-byte-offset@1.0.2:
+    resolution: {integrity: sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.7
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-proto: 1.0.3
+      is-typed-array: 1.1.13
+    dev: true
+
+  /typed-array-length@1.0.6:
+    resolution: {integrity: sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-proto: 1.0.3
+      is-typed-array: 1.1.13
+      possible-typed-array-names: 1.0.0
+    dev: true
+
   /typescript@5.3.3:
     resolution: {integrity: sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==}
     engines: {node: '>=14.17'}
-    dev: false
 
   /ultrahtml@1.5.3:
     resolution: {integrity: sha512-GykOvZwgDWZlTQMtp5jrD4BVL+gNn2NVlVafjcFUJ7taY20tqYdwdoWBFy6GBJsNTZe1GkGPkSl5knQAjtgceg==}
     dev: false
 
+  /unbox-primitive@1.0.2:
+    resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
+    dependencies:
+      call-bind: 1.0.7
+      has-bigints: 1.0.2
+      has-symbols: 1.0.3
+      which-boxed-primitive: 1.0.2
+    dev: true
+
   /unherit@3.0.1:
     resolution: {integrity: sha512-akOOQ/Yln8a2sgcLj4U0Jmx0R5jpIg2IUyRrWOzmEbjBtGzBdHtSeFKgoEcoH4KYIG/Pb8GQ/BwtYm0GCq1Sqg==}
     dev: false
@@ -5243,11 +7450,26 @@ packages:
       browserslist: 4.23.0
       escalade: 3.1.2
       picocolors: 1.0.1
-    dev: false
+
+  /uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+    dependencies:
+      punycode: 2.3.1
+    dev: true
+
+  /utf8@3.0.0:
+    resolution: {integrity: sha512-E8VjFIQ/TyQgp+TZfS6l8yp/xWppSAHzidGiRrqe4bK4XP9pTRyKFgGJpO3SN7zdX4DeomTrwaseCHovfpFcqQ==}
+    dev: true
 
   /util-deprecate@1.0.2:
     resolution: {integrity: sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=}
-    dev: false
+
+  /validate-npm-package-license@3.0.4:
+    resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
+    dependencies:
+      spdx-correct: 3.2.0
+      spdx-expression-parse: 3.0.1
+    dev: true
 
   /vfile-location@4.1.0:
     resolution: {integrity: sha512-YF23YMyASIIJXpktBa4vIGLJ5Gs88UB/XePgqPmTa7cDA+JeO3yclbpheQYCHjVHBn/yePzrXuygIL+xbvRYHw==}
@@ -5379,6 +7601,44 @@ packages:
     resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==}
     dev: false
 
+  /which-boxed-primitive@1.0.2:
+    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
+    dependencies:
+      is-bigint: 1.0.4
+      is-boolean-object: 1.1.2
+      is-number-object: 1.0.7
+      is-string: 1.0.7
+      is-symbol: 1.0.4
+    dev: true
+
+  /which-builtin-type@1.1.3:
+    resolution: {integrity: sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      function.prototype.name: 1.1.6
+      has-tostringtag: 1.0.2
+      is-async-function: 2.0.0
+      is-date-object: 1.0.5
+      is-finalizationregistry: 1.0.2
+      is-generator-function: 1.0.10
+      is-regex: 1.1.4
+      is-weakref: 1.0.2
+      isarray: 2.0.5
+      which-boxed-primitive: 1.0.2
+      which-collection: 1.0.2
+      which-typed-array: 1.1.15
+    dev: true
+
+  /which-collection@1.0.2:
+    resolution: {integrity: sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      is-map: 2.0.3
+      is-set: 2.0.3
+      is-weakmap: 2.0.2
+      is-weakset: 2.0.3
+    dev: true
+
   /which-pm-runs@1.1.0:
     resolution: {integrity: sha512-n1brCuqClxfFfq/Rb0ICg9giSZqCS+pLtccdag6C2HyufBrh3fBOiy9nb6ggRMvWOVH5GrdJskj5iGTZNxd7SA==}
     engines: {node: '>=4'}
@@ -5400,13 +7660,23 @@ packages:
       path-exists: 4.0.0
     dev: false
 
+  /which-typed-array@1.1.15:
+    resolution: {integrity: sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.7
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-tostringtag: 1.0.2
+    dev: true
+
   /which@2.0.2:
     resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
     engines: {node: '>= 8'}
     hasBin: true
     dependencies:
       isexe: 2.0.0
-    dev: false
 
   /widest-line@4.0.1:
     resolution: {integrity: sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==}
@@ -5415,6 +7685,11 @@ packages:
       string-width: 5.1.2
     dev: false
 
+  /word-wrap@1.2.5:
+    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
   /wrap-ansi@8.1.0:
     resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
     engines: {node: '>=12'}
@@ -5424,6 +7699,10 @@ packages:
       strip-ansi: 7.1.0
     dev: false
 
+  /wrappy@1.0.2:
+    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+    dev: true
+
   /yallist@3.1.1:
     resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
     dev: false
@@ -5436,7 +7715,6 @@ packages:
   /yocto-queue@0.1.0:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
-    dev: false
 
   /yocto-queue@1.0.0:
     resolution: {integrity: sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==}
diff --git a/prettier.config.cjs b/prettier.config.cjs
new file mode 100644
index 0000000..c39749b
--- /dev/null
+++ b/prettier.config.cjs
@@ -0,0 +1,15 @@
+/** @type {import("prettier").Config} */
+module.exports = {
+  // i am just using the standard config, change if you need something else
+  ...require('prettier-config-standard'),
+  semi: true,
+  plugins: [require.resolve('prettier-plugin-astro')],
+  overrides: [
+    {
+      files: '*.astro',
+      options: {
+        parser: 'astro'
+      }
+    }
+  ]
+};
diff --git a/src/api/linkPreview/DefaultLinkPreviewLoader.ts b/src/api/linkPreview/DefaultLinkPreviewLoader.ts
index 1e69cf7..bdf04a0 100644
--- a/src/api/linkPreview/DefaultLinkPreviewLoader.ts
+++ b/src/api/linkPreview/DefaultLinkPreviewLoader.ts
@@ -1,5 +1,5 @@
-import { LinkPreviewLoader } from "./LinkPreviewLoader";
-import type { HtmlDocumentApi, HtmlParser } from "./htmlParser";
+import { LinkPreviewLoader } from './LinkPreviewLoader';
+import type { HtmlDocumentApi, HtmlParser } from './htmlParser';
 
 export class DefaultLinkPreviewLoader extends LinkPreviewLoader<HtmlDocumentApi> {
   private _htmlParser: HtmlParser;
@@ -20,10 +20,10 @@ export class DefaultLinkPreviewLoader extends LinkPreviewLoader<HtmlDocumentApi>
     return this.linkContent.then((htmlApi) => {
       let title = htmlApi
         .querySelector('meta[property="og:title"]')
-        ?.getAttribute("content");
+        ?.getAttribute('content');
 
       if (!title) {
-        title = htmlApi.querySelector("title")?.getText();
+        title = htmlApi.querySelector('title')?.getText();
       }
 
       return title;
@@ -34,7 +34,7 @@ export class DefaultLinkPreviewLoader extends LinkPreviewLoader<HtmlDocumentApi>
     return this.linkContent.then((htmlApi) => {
       return htmlApi
         .querySelector('meta[property="og:description"]')
-        ?.getAttribute("content");
+        ?.getAttribute('content');
     });
   }
 
@@ -42,7 +42,7 @@ export class DefaultLinkPreviewLoader extends LinkPreviewLoader<HtmlDocumentApi>
     return this.linkContent.then((htmlApi) => {
       return htmlApi
         .querySelector('meta[property="og:image"]')
-        ?.getAttribute("content");
+        ?.getAttribute('content');
     });
   }
 
@@ -50,19 +50,19 @@ export class DefaultLinkPreviewLoader extends LinkPreviewLoader<HtmlDocumentApi>
     return this.linkContent.then((htmlApi) => {
       let faviconUrl = htmlApi
         .querySelector('link[rel="alternate icon"]')
-        ?.getAttribute("href");
+        ?.getAttribute('href');
 
       if (!faviconUrl) {
         faviconUrl = htmlApi
           .querySelector('link[rel="icon"]')
-          ?.getAttribute("href");
+          ?.getAttribute('href');
       }
 
       if (!faviconUrl) {
-        return undefined;
+        return;
       }
 
-      if (faviconUrl.startsWith("/")) {
+      if (faviconUrl.startsWith('/')) {
         return this.baseUrl + faviconUrl;
       }
 
diff --git a/src/api/linkPreview/DevLinkPreviewLoader.ts b/src/api/linkPreview/DevLinkPreviewLoader.ts
index 782c6b0..28cecb8 100644
--- a/src/api/linkPreview/DevLinkPreviewLoader.ts
+++ b/src/api/linkPreview/DevLinkPreviewLoader.ts
@@ -1,21 +1,21 @@
-import { LinkPreviewLoader } from "./LinkPreviewLoader";
+import { LinkPreviewLoader } from './LinkPreviewLoader';
 
 export class DevLinkPreviewLoader extends LinkPreviewLoader<void> {
-  public fetchContent(): Promise<void> {
-    return Promise.resolve();
-  }
-
-  public title: Promise<string | undefined> = Promise.resolve("Hacknote.js");
+  public title: Promise<string | undefined> = Promise.resolve('Hacknote.js');
 
   public description: Promise<string | undefined> = Promise.resolve(
-    "Lorem ipsum dolor sit amet"
+    'Lorem ipsum dolor sit amet'
   );
 
   public image: Promise<string | undefined> = Promise.resolve(
-    "/hacknote-js/images/logo.png"
+    '/hacknote-js/images/logo.png'
   );
 
+  public fetchContent(): Promise<void> {
+    return Promise.resolve();
+  }
+
   public get favicon(): Promise<string | undefined> {
-    throw new Error("Method not implemented.");
+    throw new Error('Method not implemented.');
   }
 }
diff --git a/src/api/linkPreview/LinkPreviewLoader.ts b/src/api/linkPreview/LinkPreviewLoader.ts
index febc79a..2d069e0 100644
--- a/src/api/linkPreview/LinkPreviewLoader.ts
+++ b/src/api/linkPreview/LinkPreviewLoader.ts
@@ -7,12 +7,6 @@ export interface LinkPreviewData {
 export abstract class LinkPreviewLoader<C> {
   public url: URL;
 
-  public constructor(linkUrl: URL | string) {
-    this.url = new URL(linkUrl);
-  }
-
-  public abstract fetchContent(): Promise<C>;
-
   public abstract title: Promise<string | undefined>;
 
   public abstract description: Promise<string | undefined>;
@@ -23,6 +17,12 @@ export abstract class LinkPreviewLoader<C> {
 
   private _linkContent: Promise<C> | undefined;
 
+  public constructor(linkUrl: URL | string) {
+    this.url = new URL(linkUrl);
+  }
+
+  public abstract fetchContent(): Promise<C>;
+
   public get baseUrl(): string {
     return `${this.url.protocol}//${this.url.host}`;
   }
@@ -35,17 +35,17 @@ export abstract class LinkPreviewLoader<C> {
     return this._linkContent;
   }
 
-  public get linkPreviewData(): Promise<LinkPreviewData | undefined> {
+  public get linkPreviewData(): Promise<LinkPreviewData | void> {
     return Promise.all([this.title, this.description, this.image])
       .then(([title, description, image]) => {
         if (description && title) {
           return {
             title,
             description,
-            image,
+            image
           };
         }
       })
-      .catch(() => undefined);
+      .catch(() => {});
   }
 }
diff --git a/src/api/linkPreview/WikiLinkPreviewLoader.ts b/src/api/linkPreview/WikiLinkPreviewLoader.ts
index a131f99..dcc9b3b 100644
--- a/src/api/linkPreview/WikiLinkPreviewLoader.ts
+++ b/src/api/linkPreview/WikiLinkPreviewLoader.ts
@@ -1,4 +1,4 @@
-import { LinkPreviewLoader } from "./LinkPreviewLoader";
+import { LinkPreviewLoader } from './LinkPreviewLoader';
 
 interface WikiArticleData {
   title: string;
@@ -11,7 +11,8 @@ interface WikiArticleData {
 export class WikiLinkPreviewLoader extends LinkPreviewLoader<WikiArticleData> {
   public wikiApiUrl: URL;
 
-  public static wikiUrlRegExp = /https:\/\/(.+)\.wikipedia\.org\/wiki\/(.+)/;
+  public static wikiUrlRegExp: RegExp =
+    /https:\/\/(.+)\.wikipedia\.org\/wiki\/(.+)/;
 
   public constructor(linkUrl: URL | string) {
     super(linkUrl);
@@ -24,7 +25,7 @@ export class WikiLinkPreviewLoader extends LinkPreviewLoader<WikiArticleData> {
       throw new Error(`"${this.url.href}" is not Wikipedia url`);
     }
 
-    const [_, lang, articleId] = wikipediaLinkMatch;
+    const [, lang, articleId] = wikipediaLinkMatch;
 
     this.wikiApiUrl = new URL(
       `https://${lang}.wikipedia.org/api/rest_v1/page/summary/${articleId}`
@@ -49,7 +50,7 @@ export class WikiLinkPreviewLoader extends LinkPreviewLoader<WikiArticleData> {
 
   public get favicon(): Promise<string | undefined> {
     return new Promise((resolve) =>
-      resolve("https://ru.wikipedia.org/static/favicon/wikipedia.ico")
+      resolve('https://ru.wikipedia.org/static/favicon/wikipedia.ico')
     );
   }
 }
diff --git a/src/api/linkPreview/htmlParser/BrowserHtmlParser.ts b/src/api/linkPreview/htmlParser/BrowserHtmlParser.ts
index 62cdaa2..3785a59 100644
--- a/src/api/linkPreview/htmlParser/BrowserHtmlParser.ts
+++ b/src/api/linkPreview/htmlParser/BrowserHtmlParser.ts
@@ -1,28 +1,28 @@
-import type { HtmlDocumentApi, HtmlParser } from "./HTMLParser";
+import type { HtmlDocumentApi, HtmlParser } from './HTMLParser';
 
 export class BrowserHtmlParser implements HtmlParser {
-  private _domParser = new DOMParser();
+  private _domParser: DOMParser = new DOMParser();
 
   public parse(html: string): HtmlDocumentApi {
-    const htmlDocument = this._domParser.parseFromString(html, "text/html");
+    const htmlDocument = this._domParser.parseFromString(html, 'text/html');
 
     return {
-      querySelector(selector) {
+      querySelector(selector: string) {
         const element = htmlDocument.querySelector(selector);
 
         if (!element) {
-          return undefined;
+          return;
         }
 
         return {
-          getAttribute(name) {
+          getAttribute(name: string) {
             return element.getAttribute(name) ?? undefined;
           },
           getText() {
             return element.textContent ?? undefined;
-          },
+          }
         };
-      },
+      }
     };
   }
 }
diff --git a/src/api/linkPreview/htmlParser/NodeHtmlParser.ts b/src/api/linkPreview/htmlParser/NodeHtmlParser.ts
index 96772e8..a427403 100644
--- a/src/api/linkPreview/htmlParser/NodeHtmlParser.ts
+++ b/src/api/linkPreview/htmlParser/NodeHtmlParser.ts
@@ -1,24 +1,24 @@
-import { load as loadHtml } from "cheerio";
+import { load as loadHtml } from 'cheerio';
 
-import type { HtmlDocumentApi, HtmlParser } from "./HTMLParser";
+import type { HtmlDocumentApi, HtmlParser } from './HTMLParser';
 
 export class NodeHtmlParser implements HtmlParser {
   public parse(html: string): HtmlDocumentApi {
     const cheerio = loadHtml(html);
 
     return {
-      querySelector(selector) {
+      querySelector(selector: string) {
         const element = cheerio(selector);
 
         return {
-          getAttribute(name) {
+          getAttribute(name: string) {
             return element.attr(name);
           },
           getText() {
             return element.text();
-          },
+          }
         };
-      },
+      }
     };
   }
 }
diff --git a/src/api/linkPreview/htmlParser/index.ts b/src/api/linkPreview/htmlParser/index.ts
index f92b959..62de3f1 100644
--- a/src/api/linkPreview/htmlParser/index.ts
+++ b/src/api/linkPreview/htmlParser/index.ts
@@ -1,5 +1,5 @@
-export * from "./HTMLParser";
+export * from './HTMLParser';
 
-export * from "./BrowserHtmlParser";
+export * from './BrowserHtmlParser';
 
-export * from "./NodeHtmlParser";
+export * from './NodeHtmlParser';
diff --git a/src/api/linkPreview/index.ts b/src/api/linkPreview/index.ts
index 9f4cffb..4420745 100644
--- a/src/api/linkPreview/index.ts
+++ b/src/api/linkPreview/index.ts
@@ -1,16 +1,16 @@
-import type { LinkPreviewLoader } from "./LinkPreviewLoader";
-import { DefaultLinkPreviewLoader } from "./DefaultLinkPreviewLoader";
-import { WikiLinkPreviewLoader } from "./WikiLinkPreviewLoader";
-import { DevLinkPreviewLoader } from "./DevLinkPreviewLoader";
-import type { HtmlParser } from "./htmlParser";
+import type { LinkPreviewLoader } from './LinkPreviewLoader';
+import { DefaultLinkPreviewLoader } from './DefaultLinkPreviewLoader';
+import { WikiLinkPreviewLoader } from './WikiLinkPreviewLoader';
+import { DevLinkPreviewLoader as DevelopmentLinkPreviewLoader } from './DevLinkPreviewLoader';
+import type { HtmlParser } from './htmlParser';
 
-const isBrowser = typeof document !== "undefined";
+const isBrowser = typeof document !== 'undefined';
 
 const HtmlParser = isBrowser
-  ? await import("./htmlParser/BrowserHtmlParser").then(
+  ? await import('./htmlParser/BrowserHtmlParser').then(
       ({ BrowserHtmlParser }) => BrowserHtmlParser
     )
-  : await import("./htmlParser/NodeHtmlParser").then(
+  : await import('./htmlParser/NodeHtmlParser').then(
       ({ NodeHtmlParser }) => NodeHtmlParser
     );
 
@@ -18,16 +18,14 @@ const parser = new HtmlParser();
 
 export function getLinkPreviewLoader(
   href: string | URL
-): LinkPreviewLoader<any> {
+): LinkPreviewLoader<unknown> {
   if (import.meta.env.DEV) {
-    return new DevLinkPreviewLoader(href);
+    return new DevelopmentLinkPreviewLoader(href);
   }
 
-  if (WikiLinkPreviewLoader.wikiUrlRegExp.test(href.toString())) {
-    return new WikiLinkPreviewLoader(href);
-  } else {
-    return new DefaultLinkPreviewLoader(href, parser);
-  }
+  return WikiLinkPreviewLoader.wikiUrlRegExp.test(href.toString())
+    ? new WikiLinkPreviewLoader(href)
+    : new DefaultLinkPreviewLoader(href, parser);
 }
 
-export type { LinkPreviewData } from "./LinkPreviewLoader";
+export type { LinkPreviewData } from './LinkPreviewLoader';
diff --git a/src/articleAssets/js-in-css/ColorPicker.astro b/src/articleAssets/js-in-css/ColorPicker.astro
index a8c57e4..d3d9117 100644
--- a/src/articleAssets/js-in-css/ColorPicker.astro
+++ b/src/articleAssets/js-in-css/ColorPicker.astro
@@ -1,48 +1,48 @@
 ---
-import InputRange from "@components/astro/InputRange.astro";
+import InputRange from '@components/astro/InputRange.astro';
 ---
 
 <div
-  id="color-picker-demo"
-  style="--color-red: 255; --color-green: 216; --color-blue: 101;"
+  id='color-picker-demo'
+  style='--color-red: 255; --color-green: 216; --color-blue: 101;'
 >
   <form>
     <label>
       <span>R</span>
       <InputRange
-        min="0"
-        max="255"
-        value="255"
-        class="color-picker__field"
-        name="color-red"
+        min='0'
+        max='255'
+        value='255'
+        class='color-picker__field'
+        name='color-red'
       />
     </label>
 
     <label>
       <span>G</span>
       <InputRange
-        min="0"
-        max="255"
-        value="216"
-        class="color-picker__field"
-        name="color-green"
+        min='0'
+        max='255'
+        value='216'
+        class='color-picker__field'
+        name='color-green'
       />
     </label>
 
     <label>
       <span>B</span>
       <InputRange
-        min="0"
-        max="255"
-        value="101"
-        class="color-picker__field"
-        name="color-blue"
+        min='0'
+        max='255'
+        value='101'
+        class='color-picker__field'
+        name='color-blue'
       />
     </label>
   </form>
 
-  <button class="preview" title="НИ В КОЕМ СЛУЧАЕ НЕ НАЖИМАТЬ!">
-    <span class="preview-text">Hacknote.js</span>
+  <button class='preview' title='НИ В КОЕМ СЛУЧАЕ НЕ НАЖИМАТЬ!'>
+    <span class='preview-text'>Hacknote.js</span>
   </button>
 </div>
 
@@ -54,15 +54,15 @@ import InputRange from "@components/astro/InputRange.astro";
     align-items: center;
   }
 
-  .color-picker__field[name="color-red"]::-webkit-slider-runnable-track {
+  .color-picker__field[name='color-red']::-webkit-slider-runnable-track {
     background-color: rgba(var(--color-red), 0, 0);
   }
 
-  .color-picker__field[name="color-green"]::-webkit-slider-runnable-track {
+  .color-picker__field[name='color-green']::-webkit-slider-runnable-track {
     background-color: rgba(0, var(--color-green), 0);
   }
 
-  .color-picker__field[name="color-blue"]::-webkit-slider-runnable-track {
+  .color-picker__field[name='color-blue']::-webkit-slider-runnable-track {
     background-color: rgba(0, 0, var(--color-blue));
   }
 
@@ -92,19 +92,19 @@ import InputRange from "@components/astro/InputRange.astro";
   }
 </style>
 <script>
-  const demo = document.getElementById("color-picker-demo") as HTMLDivElement;
+  const demo = document.querySelector('#color-picker-demo') as HTMLDivElement;
 
   function syncInput(input: HTMLInputElement) {
     demo.style.setProperty(`--${input.name}`, input.value);
   }
 
-  demo.querySelectorAll(".color-picker__field").forEach((element) => {
+  for (const element of demo.querySelectorAll('.color-picker__field')) {
     if (element instanceof HTMLInputElement) {
       syncInput(element);
     }
-  });
+  }
 
-  demo.addEventListener("input", (event) => {
+  demo.addEventListener('input', (event) => {
     if (event.target instanceof HTMLInputElement) {
       syncInput(event.target);
     }
@@ -112,24 +112,24 @@ import InputRange from "@components/astro/InputRange.astro";
 
   function getCurrentColor(): [string, string, string] {
     return [
-      demo.style.getPropertyValue("--color-red"),
-      demo.style.getPropertyValue("--color-green"),
-      demo.style.getPropertyValue("--color-blue"),
+      demo.style.getPropertyValue('--color-red'),
+      demo.style.getPropertyValue('--color-green'),
+      demo.style.getPropertyValue('--color-blue')
     ];
   }
 
-  demo.querySelector(".preview")?.addEventListener("click", () => {
+  demo.querySelector('.preview')?.addEventListener('click', () => {
     const [red, green, blue] = getCurrentColor();
 
     document.body.style.setProperty(
-      "background-color",
+      'background-color',
       `rgb(${red}, ${green}, ${blue})`
     );
 
     (
-      document.body.querySelector(".title") as HTMLDivElement | null
+      document.body.querySelector('.title') as HTMLDivElement | null
     )?.style.setProperty(
-      "color",
+      'color',
       `rgb(${255 - Number(red)}, ${255 - Number(green)}, ${255 - Number(blue)})`
     );
   });
diff --git a/src/articleAssets/js-in-css/Scroll.astro b/src/articleAssets/js-in-css/Scroll.astro
index 5b173a1..e7953eb 100644
--- a/src/articleAssets/js-in-css/Scroll.astro
+++ b/src/articleAssets/js-in-css/Scroll.astro
@@ -1,10 +1,10 @@
-<div id="scroll-demo" style="--scroll-top: 180;">
-  <div class="cube">
-    <div class="edge left"></div>
-    <div class="edge right"></div>
-    <div class="edge front"></div>
-    <div class="edge back"></div>
-    <div class="edge top"></div>
+<div id='scroll-demo' style='--scroll-top: 180;'>
+  <div class='cube'>
+    <div class='edge left'></div>
+    <div class='edge right'></div>
+    <div class='edge front'></div>
+    <div class='edge back'></div>
+    <div class='edge top'></div>
   </div>
 </div>
 
@@ -60,18 +60,18 @@
 </style>
 
 <script>
-  const demo = document.getElementById("scroll-demo") as HTMLDivElement;
+  const demo = document.querySelector('#scroll-demo') as HTMLDivElement;
 
   function syncStyles() {
     demo.style.setProperty(
-      "--scroll-top",
+      '--scroll-top',
       demo.getBoundingClientRect().top.toString()
     );
   }
 
   syncStyles();
 
-  document.addEventListener("scroll", () => {
+  document.addEventListener('scroll', () => {
     syncStyles();
   });
 </script>
diff --git a/src/articleAssets/js-in-css/Theming.astro b/src/articleAssets/js-in-css/Theming.astro
index d46d0ce..ac0f0d2 100644
--- a/src/articleAssets/js-in-css/Theming.astro
+++ b/src/articleAssets/js-in-css/Theming.astro
@@ -1,11 +1,11 @@
 ---
-import moonSrc from "@components/icons/moon-outline.svg";
-import sunSrc from "@components/icons/sun-outline.svg";
+import moonSrc from '@components/icons/moon-outline.svg';
+import sunSrc from '@components/icons/sun-outline.svg';
 ---
 
-<div id="theming-demo" class="container" data-theme="dark">
-  <button class="theme-toggle">
-    <div class="theme-toggle__icon"></div>
+<div id='theming-demo' class='container' data-theme='dark'>
+  <button class='theme-toggle'>
+    <div class='theme-toggle__icon'></div>
   </button>
 
   <p>
@@ -18,14 +18,14 @@ import sunSrc from "@components/icons/sun-outline.svg";
 <style
   define:vars={{ moonSrc: `url(${moonSrc.src})`, sunSrc: `url(${sunSrc.src})` }}
 >
-  #theming-demo[data-theme="light"] {
+  #theming-demo[data-theme='light'] {
     --text-color: var(--color_text-black);
     --bg-color: var(--color_text-white);
     --theme-icon: var(--sunSrc);
     --is-dark-mode: 0;
   }
 
-  #theming-demo[data-theme="dark"] {
+  #theming-demo[data-theme='dark'] {
     --text-color: var(--color_text-white);
     --bg-color: var(--color_background-dark);
     --theme-icon: var(--moonSrc);
@@ -78,15 +78,11 @@ import sunSrc from "@components/icons/sun-outline.svg";
 </style>
 
 <script>
-  const demo = document.getElementById("theming-demo")!;
+  const demo = document.querySelector('#theming-demo')!;
 
-  const toggleTheme = demo.querySelector(".theme-toggle")!;
+  const toggleTheme = demo.querySelector('.theme-toggle')!;
 
-  toggleTheme.addEventListener("click", () => {
-    if (demo.dataset.theme === "light") {
-      demo.setAttribute("data-theme", "dark");
-    } else {
-      demo.setAttribute("data-theme", "light");
-    }
+  toggleTheme.addEventListener('click', () => {
+    demo.dataset.theme = demo.dataset.theme === 'light' ? 'dark' : 'light';
   });
 </script>
diff --git a/src/articleAssets/race-condition/DemoForm/DemoForm.tsx b/src/articleAssets/race-condition/DemoForm/DemoForm.tsx
index bbe4ca8..e55246e 100644
--- a/src/articleAssets/race-condition/DemoForm/DemoForm.tsx
+++ b/src/articleAssets/race-condition/DemoForm/DemoForm.tsx
@@ -1,10 +1,11 @@
-import { type FC, useState } from "react";
+import { type FC, useState } from 'react';
 
-import { autofill } from "@utils/demo";
-import { Button, Icon, Input } from "@components/react";
-import playSvg from "@components/icons/play.svg";
-import Styles from "./DemoForm.module.css";
-import { DemoResult } from "./DemoResult";
+import { autofill } from '@utils/demo';
+import { Button, Icon, Input } from '@components/react';
+import playSvg from '@components/icons/play.svg';
+
+import Styles from './DemoForm.module.css';
+import { DemoResult } from './DemoResult';
 
 export interface UseDemoData {
   (props: { searchString: string; setData: (data: string) => void }): void;
@@ -15,21 +16,22 @@ export interface DemoFormProps {
 }
 
 export const DemoForm: FC<DemoFormProps> = ({ useDemoData }) => {
-  const [searchString, setSearchString] = useState("");
+  const [searchString, setSearchString] = useState('');
   const [data, setData] = useState<string>();
   const [isAutoFilling, setIsAutoFilling] = useState(false);
 
   useDemoData({ searchString, setData });
 
-  const handleAutofill = () => {
+  const handleAutofill = (): void => {
     setIsAutoFilling(true);
+
     autofill({
-      text: "Состояние гонки",
-      onType: setSearchString,
+      text: 'Состояние гонки',
+      onType: setSearchString
     }).finally(() => setIsAutoFilling(false));
   };
 
-  const handleReset = () => {
+  const handleReset = (): void => {
     setData(undefined);
   };
 
@@ -41,14 +43,14 @@ export const DemoForm: FC<DemoFormProps> = ({ useDemoData }) => {
           readOnly={isAutoFilling}
           value={searchString}
           onValueChange={setSearchString}
-          placeholder="Поиск"
+          placeholder='Поиск'
         />
 
         <Button
-          title="Демо"
+          title='Демо'
           disabled={isAutoFilling}
           onClick={handleAutofill}
-          right={<Icon url={playSvg.src} color="var(--color_accent-green)" />}
+          right={<Icon url={playSvg.src} color='var(--color_accent-green)' />}
         />
       </div>
 
diff --git a/src/articleAssets/race-condition/DemoForm/DemoResult/DemoResult.tsx b/src/articleAssets/race-condition/DemoForm/DemoResult/DemoResult.tsx
index 2bc9710..eafc8e2 100644
--- a/src/articleAssets/race-condition/DemoForm/DemoResult/DemoResult.tsx
+++ b/src/articleAssets/race-condition/DemoForm/DemoResult/DemoResult.tsx
@@ -1,9 +1,10 @@
-import { Button, Icon } from "@components/react";
-import clsx from "clsx";
-import type { FC } from "react";
+import clsx from 'clsx';
+import type { FC } from 'react';
 
-import resetSvg from "@components/icons/delete.svg";
-import Styles from "./DemoResult.module.css";
+import { Button, Icon } from '@components/react';
+import resetSvg from '@components/icons/delete.svg';
+
+import Styles from './DemoResult.module.css';
 
 export interface DemoResultProps {
   className?: string;
@@ -14,7 +15,7 @@ export interface DemoResultProps {
 export const DemoResult: FC<DemoResultProps> = ({
   className,
   data,
-  onReset,
+  onReset
 }) => {
   if (!data) {
     return null;
@@ -29,8 +30,8 @@ export const DemoResult: FC<DemoResultProps> = ({
       </div>
 
       <Button
-        title="Сбросить"
-        right={<Icon url={resetSvg.src} color="var(--color_accent-red)" />}
+        title='Сбросить'
+        right={<Icon url={resetSvg.src} color='var(--color_accent-red)' />}
         onClick={onReset}
       />
     </div>
diff --git a/src/articleAssets/race-condition/DemoForm/DemoResult/index.ts b/src/articleAssets/race-condition/DemoForm/DemoResult/index.ts
index 758494e..de54c89 100644
--- a/src/articleAssets/race-condition/DemoForm/DemoResult/index.ts
+++ b/src/articleAssets/race-condition/DemoForm/DemoResult/index.ts
@@ -1 +1 @@
-export * from "./DemoResult";
+export * from './DemoResult';
diff --git a/src/articleAssets/race-condition/DemoForm/index.ts b/src/articleAssets/race-condition/DemoForm/index.ts
index 5d4beff..bbbf4a6 100644
--- a/src/articleAssets/race-condition/DemoForm/index.ts
+++ b/src/articleAssets/race-condition/DemoForm/index.ts
@@ -1 +1 @@
-export * from "./DemoForm";
+export * from './DemoForm';
diff --git a/src/articleAssets/race-condition/demos/RaceCondition.tsx b/src/articleAssets/race-condition/demos/RaceCondition.tsx
index ada5ac1..d8d035d 100644
--- a/src/articleAssets/race-condition/demos/RaceCondition.tsx
+++ b/src/articleAssets/race-condition/demos/RaceCondition.tsx
@@ -1,14 +1,14 @@
-import { useEffect } from "react";
+import { useEffect, type FC } from 'react';
 
-import { fetchData } from "../fetchData";
-import { DemoForm, type UseDemoData } from "../DemoForm";
+import { fetchData } from '../fetchData';
+import { DemoForm, type UseDemoData } from '../DemoForm';
 
 const useRaceCondition: UseDemoData = ({ searchString, setData }) => {
   useEffect(() => {
     fetchData(searchString).then(setData);
-  }, [searchString]);
+  }, [searchString, setData]);
 };
 
-export const RaceCondition = () => {
+export const RaceCondition: FC = () => {
   return <DemoForm useDemoData={useRaceCondition} />;
 };
diff --git a/src/articleAssets/race-condition/demos/RaceConditionFixed.tsx b/src/articleAssets/race-condition/demos/RaceConditionFixed.tsx
index e999a7e..3ab6f7f 100644
--- a/src/articleAssets/race-condition/demos/RaceConditionFixed.tsx
+++ b/src/articleAssets/race-condition/demos/RaceConditionFixed.tsx
@@ -1,7 +1,7 @@
-import { useEffect } from "react";
+import { useEffect, type FC } from 'react';
 
-import { fetchData } from "../fetchData";
-import { DemoForm, type UseDemoData } from "../DemoForm";
+import { fetchData } from '../fetchData';
+import { DemoForm, type UseDemoData } from '../DemoForm';
 
 const useRaceConditionFixed: UseDemoData = ({ searchString, setData }) => {
   useEffect(() => {
@@ -16,9 +16,9 @@ const useRaceConditionFixed: UseDemoData = ({ searchString, setData }) => {
     return () => {
       abortController.abort();
     };
-  }, [searchString]);
+  }, [searchString, setData]);
 };
 
-export const RaceConditionFixed = () => {
+export const RaceConditionFixed: FC = () => {
   return <DemoForm useDemoData={useRaceConditionFixed} />;
 };
diff --git a/src/articleAssets/race-condition/demos/RepoSearch/RepoCard/RepoCard.tsx b/src/articleAssets/race-condition/demos/RepoSearch/RepoCard/RepoCard.tsx
index fa77505..f3926c7 100644
--- a/src/articleAssets/race-condition/demos/RepoSearch/RepoCard/RepoCard.tsx
+++ b/src/articleAssets/race-condition/demos/RepoSearch/RepoCard/RepoCard.tsx
@@ -1,9 +1,10 @@
-import { Icon } from "@components/react";
-import clsx from "clsx";
-import type { FC } from "react";
+import clsx from 'clsx';
+import type { FC } from 'react';
 
-import starSvg from "@components/icons/star.svg";
-import Styles from "./RepoCard.module.css";
+import { Icon } from '@components/react';
+import starSvg from '@components/icons/star.svg';
+
+import Styles from './RepoCard.module.css';
 
 export interface RepoCardProps {
   className?: string;
@@ -20,14 +21,14 @@ export const RepoCard: FC<RepoCardProps> = ({
   name,
   starCount,
   url,
-  topics,
+  topics
 }) => {
   return (
     <a
       className={clsx(Styles.Card, className)}
       href={url}
-      target="_blank"
-      rel="noopener noreferrer"
+      target='_blank'
+      rel='noopener noreferrer'
     >
       <div className={Styles.Main}>
         <div className={Styles.Author}>{author}</div>
@@ -44,7 +45,7 @@ export const RepoCard: FC<RepoCardProps> = ({
       </div>
 
       <div className={Styles.StarsCount}>
-        <Icon url={starSvg.src} color="var(--color_accent-yellow)" />
+        <Icon url={starSvg.src} color='var(--color_accent-yellow)' />
 
         <span className={Styles.Count}>{starCount}</span>
       </div>
diff --git a/src/articleAssets/race-condition/demos/RepoSearch/RepoCard/index.ts b/src/articleAssets/race-condition/demos/RepoSearch/RepoCard/index.ts
index e568b3f..38a24e6 100644
--- a/src/articleAssets/race-condition/demos/RepoSearch/RepoCard/index.ts
+++ b/src/articleAssets/race-condition/demos/RepoSearch/RepoCard/index.ts
@@ -1 +1 @@
-export * from "./RepoCard";
+export * from './RepoCard';
diff --git a/src/articleAssets/race-condition/demos/RepoSearch/RepoSearch.tsx b/src/articleAssets/race-condition/demos/RepoSearch/RepoSearch.tsx
index fb6316f..aae9791 100644
--- a/src/articleAssets/race-condition/demos/RepoSearch/RepoSearch.tsx
+++ b/src/articleAssets/race-condition/demos/RepoSearch/RepoSearch.tsx
@@ -1,20 +1,21 @@
-import { useEffect, useState } from "react";
+import { useEffect, useState, type FC } from 'react';
 
-import { Button, Icon, Input } from "@components/react";
-import { autofill } from "@utils/demo";
-import { RepoCard } from "./RepoCard";
-import playSvg from "@components/icons/play.svg";
-import type { GithubApiResponse } from "./api";
-import Styles from "./RepoSearch.module.css";
+import { Button, Icon, Input } from '@components/react';
+import { autofill } from '@utils/demo';
+import playSvg from '@components/icons/play.svg';
 
-export const RepoSearch = () => {
-  const [searchString, setSearchString] = useState("");
+import { RepoCard } from './RepoCard';
+import type { GithubApiResponse } from './api';
+import Styles from './RepoSearch.module.css';
 
-  const [data, setData] = useState<GithubApiResponse | undefined>(undefined);
+export const RepoSearch: FC = () => {
+  const [searchString, setSearchString] = useState('');
+
+  const [data, setData] = useState<GithubApiResponse | undefined>();
 
   const [isAutoFilling, setIsAutoFilling] = useState(false);
 
-  const handleDemo = () => {
+  const handleDemo = (): void => {
     setIsAutoFilling(true);
   };
 
@@ -24,8 +25,8 @@ export const RepoSearch = () => {
 
       autofill({
         onType: setSearchString,
-        text: "hacknote-js",
-        signal: abortController.signal,
+        text: 'hacknote-js',
+        signal: abortController.signal
       }).finally(() => {
         setIsAutoFilling(false);
       });
@@ -37,7 +38,7 @@ export const RepoSearch = () => {
   }, [isAutoFilling]);
 
   useEffect(() => {
-    if (searchString === "") {
+    if (searchString === '') {
       setData(undefined);
       return;
     }
@@ -46,7 +47,7 @@ export const RepoSearch = () => {
 
     fetch(
       `https://api.github.com/search/repositories?${new URLSearchParams({
-        q: searchString,
+        q: searchString
       })}`,
       { signal: abortController.signal }
     )
@@ -74,9 +75,9 @@ export const RepoSearch = () => {
         />
 
         <Button
-          title="Демо"
+          title='Демо'
           onClick={handleDemo}
-          right={<Icon url={playSvg.src} color="var(--color_accent-green)" />}
+          right={<Icon url={playSvg.src} color='var(--color_accent-green)' />}
           disabled={isAutoFilling}
         />
       </div>
diff --git a/src/articleAssets/race-condition/demos/RepoSearch/api.ts b/src/articleAssets/race-condition/demos/RepoSearch/api.ts
index 95c79b9..c780927 100644
--- a/src/articleAssets/race-condition/demos/RepoSearch/api.ts
+++ b/src/articleAssets/race-condition/demos/RepoSearch/api.ts
@@ -1,5 +1,5 @@
-import { sleep } from "@utils/demo";
-import { getRandomNumber } from "@utils/number";
+import { sleep } from '@utils/demo';
+import { getRandomNumber } from '@utils/number';
 
 export interface GithubApiResponse {
   items: Array<{
@@ -22,7 +22,7 @@ export async function fakeFetch(
   await sleep(getRandomNumber(100, 1000));
 
   const response: GithubApiResponse = {
-    items: [],
+    items: []
   };
 
   for (let index = 0; index <= 10; index++) {
@@ -31,15 +31,15 @@ export async function fakeFetch(
       name: `super_hacktoberfest_${index}`,
       full_name: `username/repo${index}`,
       stargazers_count: Math.round(getRandomNumber(0, 100)),
-      html_url: "#",
+      html_url: '#',
       owner: {
-        login: "username",
+        login: 'username'
       },
-      topics: ["react", "javascript", "blog", "computer science", "web"],
+      topics: ['react', 'javascript', 'blog', 'computer science', 'web']
     });
   }
 
   return {
-    json: () => new Promise((resolve) => resolve(response)),
+    json: () => new Promise((resolve) => resolve(response))
   };
 }
diff --git a/src/articleAssets/race-condition/demos/RepoSearch/index.ts b/src/articleAssets/race-condition/demos/RepoSearch/index.ts
index ef5e28e..4680d25 100644
--- a/src/articleAssets/race-condition/demos/RepoSearch/index.ts
+++ b/src/articleAssets/race-condition/demos/RepoSearch/index.ts
@@ -1 +1 @@
-export * from "./RepoSearch";
+export * from './RepoSearch';
diff --git a/src/articleAssets/race-condition/demos/RequestRace/RaceResultView/RaceResultView.tsx b/src/articleAssets/race-condition/demos/RequestRace/RaceResultView/RaceResultView.tsx
index 37d8457..f7760de 100644
--- a/src/articleAssets/race-condition/demos/RequestRace/RaceResultView/RaceResultView.tsx
+++ b/src/articleAssets/race-condition/demos/RequestRace/RaceResultView/RaceResultView.tsx
@@ -1,9 +1,10 @@
-import clsx from "clsx";
-import type { FC } from "react";
+import clsx from 'clsx';
+import type { FC } from 'react';
 
-import winnerSvg from "@components/icons/winner.svg";
-import Styles from "./RaceResultView.module.css";
-import { Icon } from "@components/react";
+import winnerSvg from '@components/icons/winner.svg';
+import { Icon } from '@components/react';
+
+import Styles from './RaceResultView.module.css';
 
 export interface RaceResult {
   startTime: number;
@@ -21,7 +22,7 @@ export interface RaceResultViewProps {
 
 export const RaceResultView: FC<RaceResultViewProps> = ({
   className,
-  result,
+  result
 }) => {
   const max = Math.max(...result.finishes.map((item) => item.time));
 
@@ -29,7 +30,7 @@ export const RaceResultView: FC<RaceResultViewProps> = ({
     <div
       className={clsx(Styles.Layout, className)}
       style={{
-        "--max": max,
+        '--max': max
       }}
     >
       {result.finishes.map((item) => (
@@ -37,7 +38,7 @@ export const RaceResultView: FC<RaceResultViewProps> = ({
           key={item.title}
           className={Styles.Item}
           style={{
-            "--value": item.time,
+            '--value': item.time
           }}
           data-winner={item.isWinner}
         >
@@ -50,7 +51,7 @@ export const RaceResultView: FC<RaceResultViewProps> = ({
           <Icon
             className={Styles.WinnerIcon}
             url={winnerSvg.src}
-            color="var(--color_accent-yellow)"
+            color='var(--color_accent-yellow)'
             size={16}
           />
         </div>
diff --git a/src/articleAssets/race-condition/demos/RequestRace/RaceResultView/index.ts b/src/articleAssets/race-condition/demos/RequestRace/RaceResultView/index.ts
index 31795eb..328c153 100644
--- a/src/articleAssets/race-condition/demos/RequestRace/RaceResultView/index.ts
+++ b/src/articleAssets/race-condition/demos/RequestRace/RaceResultView/index.ts
@@ -1 +1 @@
-export * from "./RaceResultView";
+export * from './RaceResultView';
diff --git a/src/articleAssets/race-condition/demos/RequestRace/RequestRace.tsx b/src/articleAssets/race-condition/demos/RequestRace/RequestRace.tsx
index e691795..d107852 100644
--- a/src/articleAssets/race-condition/demos/RequestRace/RequestRace.tsx
+++ b/src/articleAssets/race-condition/demos/RequestRace/RequestRace.tsx
@@ -1,17 +1,18 @@
-import { type FC, useState } from "react";
+import { type FC, useState } from 'react';
+import clsx from 'clsx';
 
-import { Button, Icon } from "@components/react";
-import playSvg from "@components/icons/play.svg";
-import Styles from "./RequestRace.module.css";
-import clsx from "clsx";
-import { type RaceResult, RaceResultView } from "./RaceResultView";
+import { Button, Icon } from '@components/react';
+import playSvg from '@components/icons/play.svg';
+
+import Styles from './RequestRace.module.css';
+import { type RaceResult, RaceResultView } from './RaceResultView';
 
 export const RequestRace: FC = () => {
   const [isLoading, setIsLoading] = useState(false);
 
   const [results, setResults] = useState<RaceResult[]>([]);
 
-  const start = () => {
+  const start = (): void => {
     setIsLoading(true);
 
     const startTime = performance.now();
@@ -19,42 +20,44 @@ export const RequestRace: FC = () => {
     let winner: string | undefined;
 
     Promise.all([
-      fetch("https://pokeapi.co/api/v2/pokemon/pikachu").then(() => {
-        console.log("1");
+      fetch('https://pokeapi.co/api/v2/pokemon/pikachu').then(() => {
+        // eslint-disable-next-line no-console
+        console.log('1');
 
         if (!winner) {
-          winner = "1";
+          winner = '1';
         }
 
         return performance.now();
       }),
-      fetch("https://pokeapi.co/api/v2/pokemon/pikachu").then(() => {
-        console.log("2");
+      fetch('https://pokeapi.co/api/v2/pokemon/pikachu').then(() => {
+        // eslint-disable-next-line no-console
+        console.log('2');
 
         if (!winner) {
-          winner = "2";
+          winner = '2';
         }
 
         return performance.now();
-      }),
+      })
     ]).then(([endTime1, endTime2]) => {
       setResults((results) => [
         {
           startTime,
           finishes: [
             {
-              title: "1",
+              title: '1',
               time: endTime1 - startTime,
-              isWinner: winner === "1",
+              isWinner: winner === '1'
             },
             {
-              title: "2",
+              title: '2',
               time: endTime2 - startTime,
-              isWinner: winner === "2",
-            },
-          ],
+              isWinner: winner === '2'
+            }
+          ]
         },
-        ...results,
+        ...results
       ]);
       setIsLoading(false);
     });
@@ -64,8 +67,8 @@ export const RequestRace: FC = () => {
     <div className={Styles.Layout}>
       <Button
         onClick={start}
-        title="Демо"
-        right={<Icon url={playSvg.src} color="var(--color_accent-green)" />}
+        title='Демо'
+        right={<Icon url={playSvg.src} color='var(--color_accent-green)' />}
         disabled={isLoading}
       />
 
diff --git a/src/articleAssets/race-condition/demos/RequestRace/index.ts b/src/articleAssets/race-condition/demos/RequestRace/index.ts
index 6078ecf..7790044 100644
--- a/src/articleAssets/race-condition/demos/RequestRace/index.ts
+++ b/src/articleAssets/race-condition/demos/RequestRace/index.ts
@@ -1 +1 @@
-export * from "./RequestRace";
+export * from './RequestRace';
diff --git a/src/articleAssets/race-condition/diagrams/AbortControllerTimeline.tsx b/src/articleAssets/race-condition/diagrams/AbortControllerTimeline.tsx
index 02dadb4..bd6efea 100644
--- a/src/articleAssets/race-condition/diagrams/AbortControllerTimeline.tsx
+++ b/src/articleAssets/race-condition/diagrams/AbortControllerTimeline.tsx
@@ -1,62 +1,64 @@
+import type { FC } from 'react';
+
 import {
   Icon,
   MarbleDiagram,
   MarbleConfigProvider,
-  MarblePlayer,
-} from "@components/react";
-import successSvg from "@components/icons/success.svg";
-import errorSvg from "@components/icons/delete.svg";
-import userSvg from "@components/icons/user.svg";
+  MarblePlayer
+} from '@components/react';
+import successSvg from '@components/icons/success.svg';
+import errorSvg from '@components/icons/delete.svg';
+import userSvg from '@components/icons/user.svg';
 
 const diagram = MarbleDiagram.from({
   series: [
     {
-      title: "Действия пользователя",
+      title: 'Действия пользователя',
       startTime: 0,
       endTime: 1000,
       points: [
         {
-          title: "Пользователь ввёл букву",
-          content: <Icon url={userSvg.src} color="var(--color_accent-blue)" />,
-          time: 100,
+          title: 'Пользователь ввёл букву',
+          content: <Icon url={userSvg.src} color='var(--color_accent-blue)' />,
+          time: 100
         },
         {
-          title: "Пользователь ввёл букву",
-          content: <Icon url={userSvg.src} color="var(--color_accent-blue)" />,
-          time: 300,
-        },
-      ],
+          title: 'Пользователь ввёл букву',
+          content: <Icon url={userSvg.src} color='var(--color_accent-blue)' />,
+          time: 300
+        }
+      ]
     },
     {
-      title: "Первый запрос",
+      title: 'Первый запрос',
       startTime: 100,
       endTime: 300,
       points: [
         {
-          title: "Запрос отменён",
-          content: <Icon url={errorSvg.src} color="var(--color_accent-red)" />,
-          time: 300,
-        },
-      ],
+          title: 'Запрос отменён',
+          content: <Icon url={errorSvg.src} color='var(--color_accent-red)' />,
+          time: 300
+        }
+      ]
     },
     {
-      title: "Второй запрос",
+      title: 'Второй запрос',
       startTime: 300,
       endTime: 500,
       points: [
         {
-          title: "Результат запроса применён",
+          title: 'Результат запроса применён',
           content: (
-            <Icon url={successSvg.src} color="var(--color_accent-green)" />
+            <Icon url={successSvg.src} color='var(--color_accent-green)' />
           ),
-          time: 500,
-        },
-      ],
-    },
-  ],
+          time: 500
+        }
+      ]
+    }
+  ]
 });
 
-export const AbortControllerTimeline = () => {
+export const AbortControllerTimeline: FC = () => {
   return (
     <MarbleConfigProvider diagram={diagram} startTime={0} endTime={1000}>
       <MarblePlayer />
diff --git a/src/articleAssets/race-condition/diagrams/RaceConditionFixedTimeline.tsx b/src/articleAssets/race-condition/diagrams/RaceConditionFixedTimeline.tsx
index 947fd42..26757e8 100644
--- a/src/articleAssets/race-condition/diagrams/RaceConditionFixedTimeline.tsx
+++ b/src/articleAssets/race-condition/diagrams/RaceConditionFixedTimeline.tsx
@@ -1,64 +1,66 @@
+import type { FC } from 'react';
+
 import {
   Icon,
   MarbleDiagram,
   MarbleConfigProvider,
-  MarblePlayer,
-} from "@components/react";
-import successSvg from "@components/icons/success.svg";
-import cancelSvg from "@components/icons/cancel.svg";
-import userSvg from "@components/icons/user.svg";
+  MarblePlayer
+} from '@components/react';
+import successSvg from '@components/icons/success.svg';
+import cancelSvg from '@components/icons/cancel.svg';
+import userSvg from '@components/icons/user.svg';
 
 const diagram = MarbleDiagram.from({
   series: [
     {
-      title: "Действия пользователя",
+      title: 'Действия пользователя',
       startTime: 0,
       endTime: 1000,
       points: [
         {
-          title: "Пользователь ввёл букву",
-          content: <Icon url={userSvg.src} color="var(--color_accent-blue)" />,
-          time: 100,
+          title: 'Пользователь ввёл букву',
+          content: <Icon url={userSvg.src} color='var(--color_accent-blue)' />,
+          time: 100
         },
         {
-          title: "Пользователь ввёл букву",
-          content: <Icon url={userSvg.src} color="var(--color_accent-blue)" />,
-          time: 300,
-        },
-      ],
+          title: 'Пользователь ввёл букву',
+          content: <Icon url={userSvg.src} color='var(--color_accent-blue)' />,
+          time: 300
+        }
+      ]
     },
     {
-      title: "Первый запрос",
+      title: 'Первый запрос',
       startTime: 100,
       endTime: 700,
       points: [
         {
-          title: "Запрос помечен как неактуальный",
+          title: 'Запрос помечен как неактуальный',
           content: (
-            <Icon url={cancelSvg.src} color="var(--color_accent-yellow)" />
+            <Icon url={cancelSvg.src} color='var(--color_accent-yellow)' />
           ),
-          time: 300,
-        },
-      ],
+          time: 300
+        }
+      ]
     },
     {
-      title: "Второй запрос",
+      title: 'Второй запрос',
       startTime: 300,
       endTime: 500,
       points: [
         {
-          title: "Результат запроса применён",
+          title: 'Результат запроса применён',
           content: (
-            <Icon url={successSvg.src} color="var(--color_accent-green)" />
+            <Icon url={successSvg.src} color='var(--color_accent-green)' />
           ),
-          time: 500,
-        },
-      ],
-    },
-  ],
+          time: 500
+        }
+      ]
+    }
+  ]
 });
 
-export const RaceConditionFixedTimeline = () => {
+export const RaceConditionFixedTimeline: FC = () => {
   return (
     <MarbleConfigProvider diagram={diagram} startTime={0} endTime={1000}>
       <MarblePlayer />
diff --git a/src/articleAssets/race-condition/diagrams/RaceConditionTimeline.tsx b/src/articleAssets/race-condition/diagrams/RaceConditionTimeline.tsx
index 2b6544f..9028077 100644
--- a/src/articleAssets/race-condition/diagrams/RaceConditionTimeline.tsx
+++ b/src/articleAssets/race-condition/diagrams/RaceConditionTimeline.tsx
@@ -1,63 +1,65 @@
+import type { FC } from 'react';
+
 import {
   Icon,
   MarbleDiagram,
   MarbleConfigProvider,
-  MarblePlayer,
-} from "@components/react";
-import successSvg from "@components/icons/success.svg";
-import userSvg from "@components/icons/user.svg";
+  MarblePlayer
+} from '@components/react';
+import successSvg from '@components/icons/success.svg';
+import userSvg from '@components/icons/user.svg';
 
 const diagram = MarbleDiagram.from({
   series: [
     {
-      title: "Действия пользователя",
+      title: 'Действия пользователя',
       startTime: 0,
       endTime: 1000,
       points: [
         {
-          title: "Пользователь ввёл букву",
-          content: <Icon url={userSvg.src} color="var(--color_accent-blue)" />,
-          time: 100,
+          title: 'Пользователь ввёл букву',
+          content: <Icon url={userSvg.src} color='var(--color_accent-blue)' />,
+          time: 100
         },
         {
-          title: "Пользователь ввёл букву",
-          content: <Icon url={userSvg.src} color="var(--color_accent-blue)" />,
-          time: 300,
-        },
-      ],
+          title: 'Пользователь ввёл букву',
+          content: <Icon url={userSvg.src} color='var(--color_accent-blue)' />,
+          time: 300
+        }
+      ]
     },
     {
-      title: "Первый запрос",
+      title: 'Первый запрос',
       startTime: 100,
       endTime: 700,
       points: [
         {
-          title: "Результат запроса применён",
+          title: 'Результат запроса применён',
           content: (
-            <Icon url={successSvg.src} color="var(--color_accent-green)" />
+            <Icon url={successSvg.src} color='var(--color_accent-green)' />
           ),
-          time: 700,
-        },
-      ],
+          time: 700
+        }
+      ]
     },
     {
-      title: "Второй запрос",
+      title: 'Второй запрос',
       startTime: 300,
       endTime: 500,
       points: [
         {
-          title: "Результат запроса применён",
+          title: 'Результат запроса применён',
           content: (
-            <Icon url={successSvg.src} color="var(--color_accent-green)" />
+            <Icon url={successSvg.src} color='var(--color_accent-green)' />
           ),
-          time: 500,
-        },
-      ],
-    },
-  ],
+          time: 500
+        }
+      ]
+    }
+  ]
 });
 
-export const RaceConditionTimeline = () => {
+export const RaceConditionTimeline: FC = () => {
   return (
     <MarbleConfigProvider diagram={diagram} startTime={0} endTime={1000}>
       <MarblePlayer />
diff --git a/src/articleAssets/race-condition/fetchData.ts b/src/articleAssets/race-condition/fetchData.ts
index 9c20e9c..750c8c9 100644
--- a/src/articleAssets/race-condition/fetchData.ts
+++ b/src/articleAssets/race-condition/fetchData.ts
@@ -1,5 +1,5 @@
-import { sleep } from "@utils/demo";
-import { getRandomNumber } from "@utils/number";
+import { sleep } from '@utils/demo';
+import { getRandomNumber } from '@utils/number';
 
 export async function fetchData(text: string): Promise<string> {
   await sleep(getRandomNumber(50, 1000));
diff --git a/src/articleAssets/race-condition/index.ts b/src/articleAssets/race-condition/index.ts
index 0a1fe43..f5eecfb 100644
--- a/src/articleAssets/race-condition/index.ts
+++ b/src/articleAssets/race-condition/index.ts
@@ -1,8 +1,8 @@
-export * from "./demos/RaceCondition";
-export * from "./demos/RaceConditionFixed";
+export * from './demos/RaceCondition';
+export * from './demos/RaceConditionFixed';
 
-export * from "./diagrams/RaceConditionTimeline";
-export * from "./diagrams/RaceConditionFixedTimeline";
-export * from "./diagrams/AbortControllerTimeline";
-export * from "./demos/RequestRace";
-export * from "./demos/RepoSearch";
+export * from './diagrams/RaceConditionTimeline';
+export * from './diagrams/RaceConditionFixedTimeline';
+export * from './diagrams/AbortControllerTimeline';
+export * from './demos/RequestRace';
+export * from './demos/RepoSearch';
diff --git a/src/components/astro/ArticleCard.astro b/src/components/astro/ArticleCard.astro
index 60a900b..245a3ec 100644
--- a/src/components/astro/ArticleCard.astro
+++ b/src/components/astro/ArticleCard.astro
@@ -1,9 +1,9 @@
 ---
-import type { CollectionEntry } from "astro:content";
+import type { CollectionEntry } from 'astro:content';
 
-import PublicationCard from "./PublicationCard.astro";
+import PublicationCard from './PublicationCard.astro';
 
-type Props = CollectionEntry<"articles">["data"] & {
+type Props = CollectionEntry<'articles'>['data'] & {
   class?: string;
   id: string;
 };
@@ -13,13 +13,13 @@ const { pubDate, title, heroImage, class: className, id } = Astro.props;
 
 <PublicationCard title={title} pubDate={pubDate} class={className} id={id}>
   <img
-    class="image"
+    class='image'
     src={heroImage}
     width={196}
     height={160}
     alt={title}
     transition:name={`${id}__image`}
-    slot="thumbnail"
+    slot='thumbnail'
   />
 </PublicationCard>
 
diff --git a/src/components/astro/Aside.astro b/src/components/astro/Aside.astro
index fd27c4c..1c75bd2 100644
--- a/src/components/astro/Aside.astro
+++ b/src/components/astro/Aside.astro
@@ -1,12 +1,12 @@
 ---
-import tipIcon from "../icons/tip.svg";
+import tipIcon from '../icons/tip.svg';
 
 interface Props {
   title: string;
-  type?: "info" | "warning";
+  type?: 'info' | 'warning';
 }
 
-const { title, type = "info" } = Astro.props;
+const { title, type = 'info' } = Astro.props;
 ---
 
 <style>
@@ -20,11 +20,11 @@ const { title, type = "info" } = Astro.props;
     font: var(--font_body);
   }
 
-  aside[data-type="info"] {
+  aside[data-type='info'] {
     --color: var(--color_accent-blue);
   }
 
-  aside[data-type="warning"] {
+  aside[data-type='warning'] {
     --color: var(--color_accent-yellow);
   }
 
@@ -47,7 +47,7 @@ const { title, type = "info" } = Astro.props;
 <aside data-type={type}>
   <p>
     <span
-      class="icon"
+      class='icon'
       style=`mask-image: url(${tipIcon.src}); -webkit-mask-image: url(${tipIcon.src});`
     >
     </span>{title}
diff --git a/src/components/astro/BaseLink.astro b/src/components/astro/BaseLink.astro
index 6b6faa5..cdbc949 100644
--- a/src/components/astro/BaseLink.astro
+++ b/src/components/astro/BaseLink.astro
@@ -1,9 +1,9 @@
 ---
 export interface Props
-  extends Omit<astroHTML.JSX.AnchorHTMLAttributes, "slot"> {}
+  extends Omit<astroHTML.JSX.AnchorHTMLAttributes, 'slot'> {}
 ---
 
-<a target="_blank" rel="noopener noreferrer" {...Astro.props}><slot /></a>
+<a target='_blank' rel='noopener noreferrer' {...Astro.props}><slot /></a>
 <style>
   a {
     color: var(--color_accent-yellow);
diff --git a/src/components/astro/Demo.astro b/src/components/astro/Demo.astro
index 742cc88..5d91829 100644
--- a/src/components/astro/Demo.astro
+++ b/src/components/astro/Demo.astro
@@ -9,7 +9,7 @@ const { class: className, style, title } = Astro.props;
 ---
 
 <figure class={className} style={style}>
-  <div class="content">
+  <div class='content'>
     <slot />
   </div>
 
diff --git a/src/components/astro/Footer.astro b/src/components/astro/Footer.astro
index 5239bbb..f452315 100644
--- a/src/components/astro/Footer.astro
+++ b/src/components/astro/Footer.astro
@@ -1,12 +1,12 @@
 ---
-import BaseLink from "./BaseLink.astro";
+import BaseLink from './BaseLink.astro';
 
 const today = new Date();
 ---
 
 <footer>
   &copy; {today.getFullYear()}
-  <BaseLink href="https://github.com/NEWESTERS/hacknote-js">
+  <BaseLink href='https://github.com/NEWESTERS/hacknote-js'>
     Hacknote.js
   </BaseLink>
 </footer>
diff --git a/src/components/astro/FormattedDate.astro b/src/components/astro/FormattedDate.astro
index f11e103..1138226 100644
--- a/src/components/astro/FormattedDate.astro
+++ b/src/components/astro/FormattedDate.astro
@@ -1,5 +1,5 @@
 ---
-import dateIcon from "../icons/date.svg";
+import dateIcon from '../icons/date.svg';
 
 export interface Props {
   class?: string;
@@ -13,10 +13,10 @@ const { class: className, date } = Astro.props;
   <img src={dateIcon.src} />
 
   {
-    date.toLocaleDateString("ru-ru", {
-      year: "numeric",
-      month: "long",
-      day: "numeric",
+    date.toLocaleDateString('ru-ru', {
+      year: 'numeric',
+      month: 'long',
+      day: 'numeric'
     })
   }
 </time>
diff --git a/src/components/astro/FormattedDuration.astro b/src/components/astro/FormattedDuration.astro
index e91c240..efb6874 100644
--- a/src/components/astro/FormattedDuration.astro
+++ b/src/components/astro/FormattedDuration.astro
@@ -1,6 +1,7 @@
 ---
-import timeIcon from "../icons/time.svg";
-import { formatDuration } from "@utils/time";
+import { formatDuration } from '@utils/time';
+
+import timeIcon from '../icons/time.svg';
 
 export interface Props {
   class?: string;
@@ -10,7 +11,7 @@ export interface Props {
 const { class: className, duration } = Astro.props;
 
 const durationString =
-  typeof duration === "number" ? formatDuration(duration) : duration;
+  typeof duration === 'number' ? formatDuration(duration) : duration;
 ---
 
 <div class={className}>
diff --git a/src/components/astro/GoogleFonts.astro b/src/components/astro/GoogleFonts.astro
index 6de8098..57b21e2 100644
--- a/src/components/astro/GoogleFonts.astro
+++ b/src/components/astro/GoogleFonts.astro
@@ -1,6 +1,6 @@
-<link rel="preconnect" href="https://fonts.googleapis.com" />
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+<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=Merriweather:wght@300;400;700&family=Montserrat:wght@300;400;700&display=swap"
-  rel="stylesheet"
+  href='https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&family=Montserrat:wght@300;400;700&display=swap'
+  rel='stylesheet'
 />
diff --git a/src/components/astro/H2.astro b/src/components/astro/H2.astro
index 5159f5a..06f22d5 100644
--- a/src/components/astro/H2.astro
+++ b/src/components/astro/H2.astro
@@ -1,5 +1,5 @@
 ---
-import anchorIcon from "../icons/link.svg";
+import anchorIcon from '../icons/link.svg';
 
 interface Props {
   class?: string;
@@ -11,13 +11,13 @@ const { class: className, id } = Astro.props;
 
 <h2 class={className} id={id}>
   {
-    id !== undefined ? (
+    id === undefined ? (
+      <slot />
+    ) : (
       <a href={`#${id}`}>
         <img src={anchorIcon.src} />
         <slot />
       </a>
-    ) : (
-      <slot />
     )
   }
 </h2>
diff --git a/src/components/astro/H3.astro b/src/components/astro/H3.astro
index f246963..3497661 100644
--- a/src/components/astro/H3.astro
+++ b/src/components/astro/H3.astro
@@ -1,5 +1,5 @@
 ---
-import anchorIcon from "../icons/link.svg";
+import anchorIcon from '../icons/link.svg';
 
 interface Props {
   id?: string;
diff --git a/src/components/astro/Head.astro b/src/components/astro/Head.astro
index 27db41c..6b54a46 100644
--- a/src/components/astro/Head.astro
+++ b/src/components/astro/Head.astro
@@ -1,11 +1,12 @@
 ---
 // Import the global.css file here so that it is included on
 // all pages through the use of the <BaseHead /> component.
-import "../../styles/global.css";
+import '../../styles/global.css';
 
-import { ViewTransitions } from "astro:transitions";
-import GoogleFonts from "./GoogleFonts.astro";
-import OpenGraph, { type Props as OpenGraphProps } from "./OpenGraph.astro";
+import { ViewTransitions } from 'astro:transitions';
+
+import GoogleFonts from './GoogleFonts.astro';
+import OpenGraph, { type Props as OpenGraphProps } from './OpenGraph.astro';
 
 export interface Props extends OpenGraphProps {}
 
@@ -16,47 +17,47 @@ const { type, title, description, image } = Astro.props;
 
 <head>
   <!-- Global Metadata -->
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width,initial-scale=1" />
+  <meta charset='utf-8' />
+  <meta name='viewport' content='width=device-width,initial-scale=1' />
 
   <link
-    rel="apple-touch-icon"
-    sizes="180x180"
-    href="/hacknote-js/favicon/apple-touch-icon.png"
+    rel='apple-touch-icon'
+    sizes='180x180'
+    href='/hacknote-js/favicon/apple-touch-icon.png'
   />
   <link
-    rel="icon"
-    type="image/png"
-    sizes="32x32"
-    href="/hacknote-js/favicon/favicon-32x32.png"
+    rel='icon'
+    type='image/png'
+    sizes='32x32'
+    href='/hacknote-js/favicon/favicon-32x32.png'
   />
   <link
-    rel="icon"
-    type="image/png"
-    sizes="16x16"
-    href="/hacknote-js/favicon/favicon-16x16.png"
+    rel='icon'
+    type='image/png'
+    sizes='16x16'
+    href='/hacknote-js/favicon/favicon-16x16.png'
   />
-  <link rel="manifest" href="/hacknote-js/site.webmanifest" />
+  <link rel='manifest' href='/hacknote-js/site.webmanifest' />
   <link
-    rel="mask-icon"
-    href="/hacknote-js/favicon/safari-pinned-tab.svg"
-    color="#1F1F1F"
+    rel='mask-icon'
+    href='/hacknote-js/favicon/safari-pinned-tab.svg'
+    color='#1F1F1F'
   />
 
   <GoogleFonts />
 
-  <meta name="msapplication-TileColor" content="#FFD865" />
-  <meta name="theme-color" content="#1F1F1F" />
+  <meta name='msapplication-TileColor' content='#FFD865' />
+  <meta name='theme-color' content='#1F1F1F' />
 
-  <meta name="generator" content={Astro.generator} />
+  <meta name='generator' content={Astro.generator} />
 
   <!-- Canonical URL -->
-  <link rel="canonical" href={canonicalURL} />
+  <link rel='canonical' href={canonicalURL} />
 
   <!-- Primary Meta Tags -->
   <title>{title}</title>
-  <meta name="title" content={title} />
-  <meta name="description" content={description} />
+  <meta name='title' content={title} />
+  <meta name='description' content={description} />
 
   <OpenGraph
     title={title}
diff --git a/src/components/astro/Header.astro b/src/components/astro/Header.astro
index 4cfa202..dc3a9bc 100644
--- a/src/components/astro/Header.astro
+++ b/src/components/astro/Header.astro
@@ -1,8 +1,8 @@
 ---
-import HeaderLink from "./HeaderLink.astro";
-import { SITE_TITLE } from "../../consts";
+import { GlobalSearchModal } from '@components/react/GlobalSearch';
 
-import { GlobalSearchModal } from "@components/react/GlobalSearch";
+import HeaderLink from './HeaderLink.astro';
+import { SITE_TITLE } from '../../consts';
 
 export interface Props {
   class?: string;
@@ -12,16 +12,16 @@ const { class: className } = Astro.props;
 ---
 
 <header class={className}>
-  <div class="title">
+  <div class='title'>
     {SITE_TITLE}
   </div>
 
   <nav>
-    <HeaderLink href="/hacknote-js/" exact>Главная</HeaderLink>
-    <HeaderLink href="/hacknote-js/articles">Статьи</HeaderLink>
-    <HeaderLink href="/hacknote-js/videos">Доклады</HeaderLink>
+    <HeaderLink href='/hacknote-js/' exact>Главная</HeaderLink>
+    <HeaderLink href='/hacknote-js/articles'>Статьи</HeaderLink>
+    <HeaderLink href='/hacknote-js/videos'>Доклады</HeaderLink>
 
-    <GlobalSearchModal className="search" client:only="react" />
+    <GlobalSearchModal className='search' client:only='react' />
   </nav>
 </header>
 
diff --git a/src/components/astro/HeaderLink.astro b/src/components/astro/HeaderLink.astro
index cf31786..3e9d0e6 100644
--- a/src/components/astro/HeaderLink.astro
+++ b/src/components/astro/HeaderLink.astro
@@ -1,9 +1,9 @@
 ---
-import type { HTMLAttributes } from "astro/types";
+import type { HTMLAttributes } from 'astro/types';
 
-import { isUrlMatch } from "@utils/url";
+import { isUrlMatch } from '@utils/url';
 
-interface Props extends HTMLAttributes<"a"> {
+interface Props extends HTMLAttributes<'a'> {
   exact?: boolean;
 }
 
diff --git a/src/components/astro/InputRange.astro b/src/components/astro/InputRange.astro
index 0903d5b..10e52dd 100644
--- a/src/components/astro/InputRange.astro
+++ b/src/components/astro/InputRange.astro
@@ -5,7 +5,7 @@ const { class: className, name, min, max, value } = Astro.props;
 ---
 
 <input
-  type="range"
+  type='range'
   class={className}
   name={name}
   value={value}
@@ -14,17 +14,17 @@ const { class: className, name, min, max, value } = Astro.props;
 />
 
 <style>
-  input[type="range"] {
+  input[type='range'] {
     appearance: none;
     background: transparent;
     cursor: pointer;
   }
-  input[type="range"]::-webkit-slider-runnable-track {
+  input[type='range']::-webkit-slider-runnable-track {
     background-color: var(--color_background-light);
     border-radius: 8px;
   }
 
-  input[type="range"]::-webkit-slider-thumb {
+  input[type='range']::-webkit-slider-thumb {
     appearance: none;
     margin: -4px 0;
     width: 16px;
diff --git a/src/components/astro/LinkWithIcon.astro b/src/components/astro/LinkWithIcon.astro
index c52c49b..dc41a5f 100644
--- a/src/components/astro/LinkWithIcon.astro
+++ b/src/components/astro/LinkWithIcon.astro
@@ -1,5 +1,5 @@
 ---
-import BaseLink, { type Props as BaseLinkProps } from "./BaseLink.astro";
+import BaseLink, { type Props as BaseLinkProps } from './BaseLink.astro';
 
 export interface Props extends BaseLinkProps {
   iconUrl?: string;
@@ -7,7 +7,7 @@ export interface Props extends BaseLinkProps {
 
 const {
   class: className,
-  "class:list": classList,
+  'class:list': classList,
   href,
   iconUrl,
   ...props
@@ -15,12 +15,12 @@ const {
 ---
 
 <BaseLink
-  class:list={[className, classList, "link-with-icon"]}
+  class:list={[className, classList, 'link-with-icon']}
   href={href}
   {...props}
 >
-  {iconUrl && <img class="link__icon" src={iconUrl} />}<span
-    class="link__content"><slot /></span
+  {iconUrl && <img class='link__icon' src={iconUrl} />}<span
+    class='link__content'><slot /></span
   >
 </BaseLink>
 <style>
diff --git a/src/components/astro/OpenGraph.astro b/src/components/astro/OpenGraph.astro
index 359004b..b5f439f 100644
--- a/src/components/astro/OpenGraph.astro
+++ b/src/components/astro/OpenGraph.astro
@@ -2,35 +2,35 @@
 import { SITE_DESCRIPTION, SITE_TITLE } from 'src/consts';
 
 export interface Props {
-  type?: "website" | "article";
+  type?: 'website' | 'article';
   title?: string;
   description?: string;
   image?: string;
 }
 
 const {
-  type = "website",
+  type = 'website',
   title = SITE_TITLE,
   description = SITE_DESCRIPTION,
-  image = "/hacknote-js/images/logo.png",
+  image = '/hacknote-js/images/logo.png'
 } = Astro.props;
 ---
 
 <!-- General Open Graph -->
-<meta property="og:locale" content="ru_RU" />
-<meta property="og:site_name" content="Hacknote.js" />
-<meta property="og:type" content={type} />
-<meta property="og:url" content={Astro.url} />
-<meta property="og:title" content={title} />
-<meta property="og:description" content={description} />
-<meta property="og:image" content={new URL(image, Astro.url)} />
-<meta property="og:image:width" content="196" />
-<meta property="og:image:height" content="160" />
-<meta property="og:image:type" content="image/png" />
+<meta property='og:locale' content='ru_RU' />
+<meta property='og:site_name' content='Hacknote.js' />
+<meta property='og:type' content={type} />
+<meta property='og:url' content={Astro.url} />
+<meta property='og:title' content={title} />
+<meta property='og:description' content={description} />
+<meta property='og:image' content={new URL(image, Astro.url)} />
+<meta property='og:image:width' content='196' />
+<meta property='og:image:height' content='160' />
+<meta property='og:image:type' content='image/png' />
 
 <!-- Twitter -->
-<meta property="twitter:card" content="summary_large_image" />
-<meta property="twitter:url" content={Astro.url} />
-<meta property="twitter:title" content={title} />
-<meta property="twitter:description" content={description} />
-<meta property="twitter:image" content={new URL(image, Astro.url)} />
+<meta property='twitter:card' content='summary_large_image' />
+<meta property='twitter:url' content={Astro.url} />
+<meta property='twitter:title' content={title} />
+<meta property='twitter:description' content={description} />
+<meta property='twitter:image' content={new URL(image, Astro.url)} />
diff --git a/src/components/astro/PreviewableLink.astro b/src/components/astro/PreviewableLink.astro
index f950199..e50ad75 100644
--- a/src/components/astro/PreviewableLink.astro
+++ b/src/components/astro/PreviewableLink.astro
@@ -1,17 +1,17 @@
 ---
-import { getLinkPreviewLoader } from "@api/linkPreview";
-import { toBase64 } from "@utils/string";
+import { getLinkPreviewLoader } from '@api/linkPreview';
+import { toBase64 } from '@utils/string';
 
-import BaseLink, { type Props as BaseLinkProps } from "./BaseLink.astro";
+import BaseLink, { type Props as BaseLinkProps } from './BaseLink.astro';
 
-export interface Props extends Omit<BaseLinkProps, "iconUrl"> {}
+export interface Props extends Omit<BaseLinkProps, 'iconUrl'> {}
 
 const { class: className, href, ...props } = Astro.props;
 
 let url: URL | undefined;
 
 if (href) {
-  url = new URL(href, href.toString().startsWith("/") ? Astro.site : undefined);
+  url = new URL(href, href.toString().startsWith('/') ? Astro.site : undefined);
 }
 
 const loader = url ? getLinkPreviewLoader(url) : undefined;
@@ -33,20 +33,20 @@ const id = url ? toBase64(url.toString()) : undefined;
   }
 </style>
 <script>
-  import type { LinkPreviewData } from "@api/linkPreview";
+  import type { LinkPreviewData } from '@api/linkPreview';
 
   export class PreviewableLink extends HTMLElement {
     public get link(): HTMLAnchorElement {
-      return this.querySelector("a") as HTMLAnchorElement;
+      return this.querySelector('a') as HTMLAnchorElement;
     }
 
     private _popup: HTMLElement | undefined;
 
     public get popup(): HTMLElement {
       if (!this._popup) {
-        this._popup = document.createElement("hjs-popup");
-        this._popup.style.setProperty("pointer-events", "none");
-        this._popup.setAttribute("anchor", this.link.id);
+        this._popup = document.createElement('hjs-popup');
+        this._popup.style.setProperty('pointer-events', 'none');
+        this._popup.setAttribute('anchor', this.link.id);
       }
 
       return this._popup;
@@ -56,8 +56,8 @@ const id = url ? toBase64(url.toString()) : undefined;
 
     public get linkPreview(): HTMLElement {
       if (!this._linkPreview) {
-        this._linkPreview = document.createElement("hjs-link-preview");
-        this.popup.appendChild(this.linkPreview);
+        this._linkPreview = document.createElement('hjs-link-preview');
+        this.popup.append(this.linkPreview);
       }
 
       return this._linkPreview;
@@ -66,15 +66,15 @@ const id = url ? toBase64(url.toString()) : undefined;
     public get linkPreviewData(): LinkPreviewData | undefined {
       const link = this.link;
 
-      const title = link.getAttribute("aria-label");
-      const description = link.getAttribute("aria-description");
-      const image = link.dataset["thumbnail"];
+      const title = link.getAttribute('aria-label');
+      const description = link.getAttribute('aria-description');
+      const image = link.dataset['thumbnail'];
 
       if (title && description) {
         return {
           title,
           description,
-          image,
+          image
         };
       }
     }
@@ -84,11 +84,11 @@ const id = url ? toBase64(url.toString()) : undefined;
     };
 
     private _mount = () => {
-      document.body.appendChild(this.popup);
+      document.body.append(this.popup);
     };
 
     private _handleMouseEnter = (event: PointerEvent) => {
-      if (event.pointerType !== "mouse") {
+      if (event.pointerType !== 'mouse') {
         return;
       }
 
@@ -98,37 +98,37 @@ const id = url ? toBase64(url.toString()) : undefined;
         return;
       }
 
-      this.linkPreview.setAttribute("title", linkPreviewData.title);
-      this.linkPreview.setAttribute("description", linkPreviewData.description);
-      this.linkPreview.setAttribute("source-url", this.link.href);
+      this.linkPreview.setAttribute('title', linkPreviewData.title);
+      this.linkPreview.setAttribute('description', linkPreviewData.description);
+      this.linkPreview.setAttribute('source-url', this.link.href);
       if (linkPreviewData.image) {
-        this.linkPreview.setAttribute("thumbnail-url", linkPreviewData.image);
+        this.linkPreview.setAttribute('thumbnail-url', linkPreviewData.image);
       }
 
       this._mount();
 
-      this.link.addEventListener("pointerleave", this._unmount, {
-        once: true,
+      this.link.addEventListener('pointerleave', this._unmount, {
+        once: true
       });
     };
 
     public connectedCallback() {
-      this.link.addEventListener("pointerenter", this._handleMouseEnter);
+      this.link.addEventListener('pointerenter', this._handleMouseEnter);
     }
 
     public disconnectedCallback() {
       this._unmount();
-      this.link.removeEventListener("pointerenter", this._handleMouseEnter);
-      this.link.removeEventListener("pointerleave", this._unmount);
+      this.link.removeEventListener('pointerenter', this._handleMouseEnter);
+      this.link.removeEventListener('pointerleave', this._unmount);
     }
   }
 
-  customElements.define("hjs-previewable-link", PreviewableLink);
+  customElements.define('hjs-previewable-link', PreviewableLink);
 </script>
 <hjs-previewable-link
   ><BaseLink
     id={id}
-    class:list={[className, "previewable-link"]}
+    class:list={[className, 'previewable-link']}
     href={href}
     aria-label={previewData?.title}
     aria-description={previewData?.description}
diff --git a/src/components/astro/PublicationCard.astro b/src/components/astro/PublicationCard.astro
index 81f1b03..c1e0644 100644
--- a/src/components/astro/PublicationCard.astro
+++ b/src/components/astro/PublicationCard.astro
@@ -1,25 +1,25 @@
 ---
-import H2 from "./H2.astro";
-import FormattedDate from "./FormattedDate.astro";
+import H2 from './H2.astro';
+import FormattedDate from './FormattedDate.astro';
 
 interface Props {
   class?: string;
   id: string;
   title: string;
   pubDate: Date;
-};
+}
 
 const { pubDate, title, class: className, id } = Astro.props;
 ---
 
-<div class:list={["card", className]} transition:name={id}>
-  <div class="info">
-    <H2 class="title">{title}</H2>
+<div class:list={['card', className]} transition:name={id}>
+  <div class='info'>
+    <H2 class='title'>{title}</H2>
 
     <FormattedDate date={pubDate} />
   </div>
 
-  <slot name="thumbnail" />
+  <slot name='thumbnail' />
 </div>
 
 <style>
diff --git a/src/components/astro/TelegramComments.astro b/src/components/astro/TelegramComments.astro
index be968e4..a3b351a 100644
--- a/src/components/astro/TelegramComments.astro
+++ b/src/components/astro/TelegramComments.astro
@@ -8,10 +8,9 @@ const { postId } = Astro.props;
 
 <script
   async
-  src="https://telegram.org/js/telegram-widget.js?22"
+  src='https://telegram.org/js/telegram-widget.js?22'
   data-telegram-discussion={`hacknote_js/${postId}`}
-  data-comments-limit="5"
-  data-colorful="1"
-  data-dark="1"
-  data-dark-color="F0B138"
-></script>
+  data-comments-limit='5'
+  data-colorful='1'
+  data-dark='1'
+  data-dark-color='F0B138'></script>
diff --git a/src/components/astro/VideoCard.astro b/src/components/astro/VideoCard.astro
index 7f8195e..c2b9087 100644
--- a/src/components/astro/VideoCard.astro
+++ b/src/components/astro/VideoCard.astro
@@ -1,9 +1,9 @@
 ---
-import type { CollectionEntry } from "astro:content";
+import type { CollectionEntry } from 'astro:content';
 
-import PublicationCard from "./PublicationCard.astro";
+import PublicationCard from './PublicationCard.astro';
 
-type Props = CollectionEntry<"videos">["data"] & {
+type Props = CollectionEntry<'videos'>['data'] & {
   class?: string;
   id: string;
 };
@@ -13,13 +13,13 @@ const { pubDate, title, heroImage, class: className, id } = Astro.props;
 
 <PublicationCard title={title} pubDate={pubDate} class={className} id={id}>
   <img
-    class="image"
+    class='image'
     src={heroImage}
     width={196}
     height={160}
     alt={title}
     transition:name={`${id}__image`}
-    slot="thumbnail"
+    slot='thumbnail'
   />
 </PublicationCard>
 
diff --git a/src/components/react/Button/Button.tsx b/src/components/react/Button/Button.tsx
index c4289de..a4f9459 100644
--- a/src/components/react/Button/Button.tsx
+++ b/src/components/react/Button/Button.tsx
@@ -1,7 +1,7 @@
-import clsx from "clsx";
-import type { ButtonHTMLAttributes, FC, ReactNode } from "react";
+import clsx from 'clsx';
+import type { ButtonHTMLAttributes, FC, ReactNode } from 'react';
 
-import Styles from "./Button.module.css";
+import Styles from './Button.module.css';
 
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
   title: string;
@@ -15,7 +15,7 @@ export const Button: FC<ButtonProps> = ({
   title,
   left,
   right,
-  type = "button",
+  type = 'button',
   ...props
 }) => {
   return (
diff --git a/src/components/react/Button/index.ts b/src/components/react/Button/index.ts
index e22c29a..8b166a8 100644
--- a/src/components/react/Button/index.ts
+++ b/src/components/react/Button/index.ts
@@ -1 +1 @@
-export * from "./Button";
+export * from './Button';
diff --git a/src/components/react/GlobalSearch/GlobalSearchModal.tsx b/src/components/react/GlobalSearch/GlobalSearchModal.tsx
index f2eed5a..455994b 100644
--- a/src/components/react/GlobalSearch/GlobalSearchModal.tsx
+++ b/src/components/react/GlobalSearch/GlobalSearchModal.tsx
@@ -1,19 +1,20 @@
-import { useEffect, useState, type ReactElement } from "react";
+import { useState, type ReactElement } from 'react';
 
-import { Button } from "../Button";
-import { ModalDialog } from "../ModalDialog";
-import { PagefindSearchField } from "../PagefindSearchField";
-import { Icon } from "../Icon";
-import searchIcon from "../../icons/search.svg";
-import Styles from "./GlobalSearchModal.module.css";
-import { useEventCallback, useKeyboardShortcut } from "@utils/react";
+import { useKeyboardShortcut } from '@utils/react';
+
+import { Button } from '../Button';
+import { ModalDialog } from '../ModalDialog';
+import { PagefindSearchField } from '../PagefindSearchField';
+import { Icon } from '../Icon';
+import searchIcon from '../../icons/search.svg';
+import Styles from './GlobalSearchModal.module.css';
 
 export interface GlobalSearchModalProps {
   className?: string;
 }
 
 export const GlobalSearchModal = ({
-  className,
+  className
 }: GlobalSearchModalProps): ReactElement => {
   const [isOpen, setIsOpen] = useState(false);
 
@@ -23,14 +24,14 @@ export const GlobalSearchModal = ({
 
   useKeyboardShortcut({
     onPress: openModal,
-    predicate: (event) => event.key === "/",
+    predicate: (event) => event.key === '/'
   });
 
   return (
     <>
       <Button
         className={className}
-        title="Поиск"
+        title='Поиск'
         onClick={(event) => {
           event.stopPropagation();
           openModal();
diff --git a/src/components/react/GlobalSearch/index.ts b/src/components/react/GlobalSearch/index.ts
index d9449c3..45c9a76 100644
--- a/src/components/react/GlobalSearch/index.ts
+++ b/src/components/react/GlobalSearch/index.ts
@@ -1 +1 @@
-export * from "./GlobalSearchModal";
+export * from './GlobalSearchModal';
diff --git a/src/components/react/Icon/Icon.tsx b/src/components/react/Icon/Icon.tsx
index 2470dfe..36ea748 100644
--- a/src/components/react/Icon/Icon.tsx
+++ b/src/components/react/Icon/Icon.tsx
@@ -1,7 +1,7 @@
-import clsx from "clsx";
-import { type FC, type HTMLAttributes, memo } from "react";
+import clsx from 'clsx';
+import { type FC, type HTMLAttributes, memo } from 'react';
 
-import Styles from "./Icon.module.css";
+import Styles from './Icon.module.css';
 
 export interface IconProps extends HTMLAttributes<HTMLElement> {
   size?: number;
@@ -15,18 +15,18 @@ export const Icon: FC<IconProps> = memo(
     style,
     size = 24,
     url,
-    color = "var(--color_text-white)",
+    color = 'var(--color_text-white)',
     ...props
   }) => {
     return (
       <div
         className={clsx(Styles.Icon, className)}
         style={{
-          "--size": `${size}px`,
-          "--color": color,
+          '--size': `${size}px`,
+          '--color': color,
           maskImage: `url(${url})`,
           WebkitMaskImage: `url(${url})`,
-          ...style,
+          ...style
         }}
         {...props}
       />
diff --git a/src/components/react/Icon/index.ts b/src/components/react/Icon/index.ts
index 998237c..e263cc0 100644
--- a/src/components/react/Icon/index.ts
+++ b/src/components/react/Icon/index.ts
@@ -1 +1 @@
-export * from "./Icon";
+export * from './Icon';
diff --git a/src/components/react/Input/Input.tsx b/src/components/react/Input/Input.tsx
index b90af0b..a0375fc 100644
--- a/src/components/react/Input/Input.tsx
+++ b/src/components/react/Input/Input.tsx
@@ -1,15 +1,14 @@
 import {
-  forwardRef,
   type ChangeEventHandler,
   type FC,
   type InputHTMLAttributes,
   type ReactNode,
-  useRef,
-} from "react";
-import { clsx } from "clsx";
+  useRef
+} from 'react';
+import { clsx } from 'clsx';
 
-import Styles from "./Input.module.css";
-import { useAutoFocus } from "./useAutoFocus";
+import Styles from './Input.module.css';
+import { useAutoFocus } from './useAutoFocus';
 
 export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
   onValueChange?: (value: string) => void;
@@ -43,7 +42,7 @@ export const Input: FC<InputProps> = ({
       <input
         ref={ref}
         className={Styles.Input}
-        type="text"
+        type='text'
         onChange={handleChange}
         {...props}
       />
diff --git a/src/components/react/Input/index.ts b/src/components/react/Input/index.ts
index be66d76..ba9fe7e 100644
--- a/src/components/react/Input/index.ts
+++ b/src/components/react/Input/index.ts
@@ -1 +1 @@
-export * from "./Input";
+export * from './Input';
diff --git a/src/components/react/Input/useAutoFocus.ts b/src/components/react/Input/useAutoFocus.ts
index 92f6359..ee93d07 100644
--- a/src/components/react/Input/useAutoFocus.ts
+++ b/src/components/react/Input/useAutoFocus.ts
@@ -1,4 +1,4 @@
-import { useEffect, type RefObject } from "react";
+import { useEffect, type RefObject } from 'react';
 
 export function useAutoFocus(
   ref: RefObject<HTMLInputElement>,
@@ -8,5 +8,5 @@ export function useAutoFocus(
     if (ref.current && isAutofocus) {
       ref.current.focus();
     }
-  }, [ref, useAutoFocus]);
+  }, [ref, isAutofocus]);
 }
diff --git a/src/components/react/MarbleDiagram/MarbleConfigProvider.tsx b/src/components/react/MarbleDiagram/MarbleConfigProvider.tsx
index f7cc995..e4bf915 100644
--- a/src/components/react/MarbleDiagram/MarbleConfigProvider.tsx
+++ b/src/components/react/MarbleDiagram/MarbleConfigProvider.tsx
@@ -1,12 +1,12 @@
-import { type FC, type ReactNode, useMemo } from "react";
+import { type FC, type ReactNode, useMemo } from 'react';
+
 import {
   CurrentTimeProvider,
   MarbleDiagramProvider,
   PointSelectionProvider,
-  TimeRangeProvider,
-} from "./contexts";
-
-import { MarbleDiagram, TimeRange } from "./entities";
+  TimeRangeProvider
+} from './contexts';
+import { MarbleDiagram, TimeRange } from './entities';
 
 export interface MarbleConfigProviderProps {
   diagram: MarbleDiagram;
@@ -21,7 +21,7 @@ export const MarbleConfigProvider: FC<MarbleConfigProviderProps> = ({
   startTime = diagram.minTime,
   endTime = diagram.maxTime,
   initialTime = endTime,
-  children,
+  children
 }) => {
   return (
     <MarbleDiagramProvider value={diagram}>
diff --git a/src/components/react/MarbleDiagram/components/MarbleDiagramView/MarbleDiagramView.tsx b/src/components/react/MarbleDiagram/components/MarbleDiagramView/MarbleDiagramView.tsx
index 5f28b65..0168592 100644
--- a/src/components/react/MarbleDiagram/components/MarbleDiagramView/MarbleDiagramView.tsx
+++ b/src/components/react/MarbleDiagram/components/MarbleDiagramView/MarbleDiagramView.tsx
@@ -1,16 +1,16 @@
-import type { FC } from "react";
-import clsx from "clsx";
+import type { FC } from 'react';
+import clsx from 'clsx';
 
-import { useMarbleSeriesIds } from "../../contexts";
-import { MarbleSeriesView } from "../MarbleSeriesView";
-import Styles from "./MarbleDiagramView.module.css";
+import { useMarbleSeriesIds } from '../../contexts';
+import { MarbleSeriesView } from '../MarbleSeriesView';
+import Styles from './MarbleDiagramView.module.css';
 
 export interface MarbleDiagramViewProps {
   className?: string;
 }
 
 export const MarbleDiagramView: FC<MarbleDiagramViewProps> = ({
-  className,
+  className
 }) => {
   const seriesIds = useMarbleSeriesIds();
 
diff --git a/src/components/react/MarbleDiagram/components/MarbleDiagramView/index.ts b/src/components/react/MarbleDiagram/components/MarbleDiagramView/index.ts
index 674b1d9..33deb6b 100644
--- a/src/components/react/MarbleDiagram/components/MarbleDiagramView/index.ts
+++ b/src/components/react/MarbleDiagram/components/MarbleDiagramView/index.ts
@@ -1 +1 @@
-export * from "./MarbleDiagramView";
+export * from './MarbleDiagramView';
diff --git a/src/components/react/MarbleDiagram/components/MarblePlayer/MarblePlayer.tsx b/src/components/react/MarbleDiagram/components/MarblePlayer/MarblePlayer.tsx
index 5e0ed04..b8b12f2 100644
--- a/src/components/react/MarbleDiagram/components/MarblePlayer/MarblePlayer.tsx
+++ b/src/components/react/MarbleDiagram/components/MarblePlayer/MarblePlayer.tsx
@@ -1,10 +1,10 @@
-import clsx from "clsx";
-import type { FC } from "react";
+import clsx from 'clsx';
+import type { FC } from 'react';
 
-import { MarbleDiagramView } from "../MarbleDiagramView";
-import { MarblePointList } from "../MarblePointList";
-import { MarbleTimeline } from "../MarbleTimeline";
-import Styles from "./MarblePlayer.module.css";
+import { MarbleDiagramView } from '../MarbleDiagramView';
+import { MarblePointList } from '../MarblePointList';
+import { MarbleTimeline } from '../MarbleTimeline';
+import Styles from './MarblePlayer.module.css';
 
 export interface MarblePlayerProps {
   className?: string;
diff --git a/src/components/react/MarbleDiagram/components/MarblePlayer/index.ts b/src/components/react/MarbleDiagram/components/MarblePlayer/index.ts
index 5ef55ef..706707b 100644
--- a/src/components/react/MarbleDiagram/components/MarblePlayer/index.ts
+++ b/src/components/react/MarbleDiagram/components/MarblePlayer/index.ts
@@ -1 +1 @@
-export * from "./MarblePlayer";
+export * from './MarblePlayer';
diff --git a/src/components/react/MarbleDiagram/components/MarblePointList/MarblePointList.tsx b/src/components/react/MarbleDiagram/components/MarblePointList/MarblePointList.tsx
index 6c585a8..4e50006 100644
--- a/src/components/react/MarbleDiagram/components/MarblePointList/MarblePointList.tsx
+++ b/src/components/react/MarbleDiagram/components/MarblePointList/MarblePointList.tsx
@@ -1,9 +1,9 @@
-import clsx from "clsx";
-import type { FC } from "react";
+import clsx from 'clsx';
+import type { FC } from 'react';
 
-import { useMarblePointIds } from "../../contexts";
-import { MarblePointListItem } from "../MarblePointListItem";
-import Styles from "./MarblePointList.module.css";
+import { useMarblePointIds } from '../../contexts';
+import { MarblePointListItem } from '../MarblePointListItem';
+import Styles from './MarblePointList.module.css';
 
 export interface MarblePointListProps {
   className?: string;
diff --git a/src/components/react/MarbleDiagram/components/MarblePointList/index.ts b/src/components/react/MarbleDiagram/components/MarblePointList/index.ts
index edd05c5..ce1c1f8 100644
--- a/src/components/react/MarbleDiagram/components/MarblePointList/index.ts
+++ b/src/components/react/MarbleDiagram/components/MarblePointList/index.ts
@@ -1 +1 @@
-export * from "./MarblePointList";
+export * from './MarblePointList';
diff --git a/src/components/react/MarbleDiagram/components/MarblePointListItem/MarblePointListItem.tsx b/src/components/react/MarbleDiagram/components/MarblePointListItem/MarblePointListItem.tsx
index cef9960..cd91e55 100644
--- a/src/components/react/MarbleDiagram/components/MarblePointListItem/MarblePointListItem.tsx
+++ b/src/components/react/MarbleDiagram/components/MarblePointListItem/MarblePointListItem.tsx
@@ -1,14 +1,15 @@
-import { formatTime } from "@utils/number";
-import clsx from "clsx";
-import type { FC } from "react";
+import clsx from 'clsx';
+import type { FC } from 'react';
+
+import { formatTime } from '@utils/number';
 
 import {
   useCurrentTime,
   useMarblePoint,
   useSelectedPointId,
-  useSetCurrentTime,
-} from "../../contexts";
-import Styles from "./MarblePointListItem.module.css";
+  useSetCurrentTime
+} from '../../contexts';
+import Styles from './MarblePointListItem.module.css';
 
 export interface MarblePointListItemProps {
   className?: string;
@@ -17,7 +18,7 @@ export interface MarblePointListItemProps {
 
 export const MarblePointListItem: FC<MarblePointListItemProps> = ({
   className,
-  id,
+  id
 }) => {
   const point = useMarblePoint(id);
   const currentTime = useCurrentTime();
@@ -27,7 +28,7 @@ export const MarblePointListItem: FC<MarblePointListItemProps> = ({
 
   const isSelected = useSelectedPointId() === id;
 
-  const handleClick = () => {
+  const handleClick = (): void => {
     setCurrentTime(point.time);
   };
 
diff --git a/src/components/react/MarbleDiagram/components/MarblePointListItem/index.ts b/src/components/react/MarbleDiagram/components/MarblePointListItem/index.ts
index 47e5375..5288cb4 100644
--- a/src/components/react/MarbleDiagram/components/MarblePointListItem/index.ts
+++ b/src/components/react/MarbleDiagram/components/MarblePointListItem/index.ts
@@ -1 +1 @@
-export * from "./MarblePointListItem";
+export * from './MarblePointListItem';
diff --git a/src/components/react/MarbleDiagram/components/MarblePointView/MarblePointView.tsx b/src/components/react/MarbleDiagram/components/MarblePointView/MarblePointView.tsx
index 30d2aca..efd1947 100644
--- a/src/components/react/MarbleDiagram/components/MarblePointView/MarblePointView.tsx
+++ b/src/components/react/MarbleDiagram/components/MarblePointView/MarblePointView.tsx
@@ -1,9 +1,9 @@
-import clsx from "clsx";
-import type { FC } from "react";
+import clsx from 'clsx';
+import type { FC } from 'react';
 
-import { useCurrentTime, useMarblePoint } from "../../contexts";
-import { useSelectPoint } from "../../contexts/PointSelectionContext";
-import Styles from "./MarblePointView.module.css";
+import { useCurrentTime, useMarblePoint } from '../../contexts';
+import { useSelectPoint } from '../../contexts/PointSelectionContext';
+import Styles from './MarblePointView.module.css';
 
 export interface MarblePointViewProps {
   className?: string;
@@ -12,17 +12,17 @@ export interface MarblePointViewProps {
 
 export const MarblePointView: FC<MarblePointViewProps> = ({
   className,
-  id,
+  id
 }) => {
   const currentTime = useCurrentTime();
   const { time, content, title } = useMarblePoint(id);
   const selectPoint = useSelectPoint();
 
-  const handleMouseOver = () => {
+  const handleMouseOver = (): void => {
     selectPoint(id);
   };
 
-  const handleMouseOut = () => {
+  const handleMouseOut = (): void => {
     selectPoint(undefined);
   };
 
@@ -31,7 +31,7 @@ export const MarblePointView: FC<MarblePointViewProps> = ({
       className={clsx(className)}
       title={title}
       style={{
-        "--point-time": time,
+        '--point-time': time
       }}
       onMouseOver={handleMouseOver}
       onMouseOut={handleMouseOut}
diff --git a/src/components/react/MarbleDiagram/components/MarblePointView/index.ts b/src/components/react/MarbleDiagram/components/MarblePointView/index.ts
index cbd9245..7c288ce 100644
--- a/src/components/react/MarbleDiagram/components/MarblePointView/index.ts
+++ b/src/components/react/MarbleDiagram/components/MarblePointView/index.ts
@@ -1 +1 @@
-export * from "./MarblePointView";
+export * from './MarblePointView';
diff --git a/src/components/react/MarbleDiagram/components/MarbleSeriesView/MarbleSeriesView.tsx b/src/components/react/MarbleDiagram/components/MarbleSeriesView/MarbleSeriesView.tsx
index e5f4602..47012f4 100644
--- a/src/components/react/MarbleDiagram/components/MarbleSeriesView/MarbleSeriesView.tsx
+++ b/src/components/react/MarbleDiagram/components/MarbleSeriesView/MarbleSeriesView.tsx
@@ -1,14 +1,14 @@
-import clsx from "clsx";
-import type { FC } from "react";
+import clsx from 'clsx';
+import type { FC } from 'react';
 
 import {
   useCurrentTime,
   useMarbleSeries,
   useMarbleSeriesPointIds,
-  useTimeRange,
-} from "../../contexts";
-import { MarblePointView } from "../MarblePointView";
-import Styles from "./MarbleSeriesView.module.css";
+  useTimeRange
+} from '../../contexts';
+import { MarblePointView } from '../MarblePointView';
+import Styles from './MarbleSeriesView.module.css';
 
 export interface MarbleSeriesViewProps {
   className?: string;
@@ -17,7 +17,7 @@ export interface MarbleSeriesViewProps {
 
 export const MarbleSeriesView: FC<MarbleSeriesViewProps> = ({
   className,
-  id,
+  id
 }) => {
   const diagramTimeRange = useTimeRange();
   const currentTime = useCurrentTime();
@@ -35,10 +35,10 @@ export const MarbleSeriesView: FC<MarbleSeriesViewProps> = ({
     <div
       className={clsx(Styles.Layout, className)}
       style={{
-        "--diagram-duration": diagramDuration,
-        "--series-duration": seriesDuration,
-        "--series-start": timeRange.from,
-        "--series-progress": timeRange.getProgress(currentTime),
+        '--diagram-duration': diagramDuration,
+        '--series-duration': seriesDuration,
+        '--series-start': timeRange.from,
+        '--series-progress': timeRange.getProgress(currentTime)
       }}
       data-started={isStarted}
     >
diff --git a/src/components/react/MarbleDiagram/components/MarbleSeriesView/index.ts b/src/components/react/MarbleDiagram/components/MarbleSeriesView/index.ts
index 46286cc..ca4e8da 100644
--- a/src/components/react/MarbleDiagram/components/MarbleSeriesView/index.ts
+++ b/src/components/react/MarbleDiagram/components/MarbleSeriesView/index.ts
@@ -1 +1 @@
-export * from "./MarbleSeriesView";
+export * from './MarbleSeriesView';
diff --git a/src/components/react/MarbleDiagram/components/MarbleTimeline/MarbleTimeline.tsx b/src/components/react/MarbleDiagram/components/MarbleTimeline/MarbleTimeline.tsx
index ea1327e..3ddf379 100644
--- a/src/components/react/MarbleDiagram/components/MarbleTimeline/MarbleTimeline.tsx
+++ b/src/components/react/MarbleDiagram/components/MarbleTimeline/MarbleTimeline.tsx
@@ -1,17 +1,17 @@
-import { type FC, useEffect, useState } from "react";
+import { type FC, useEffect, useState } from 'react';
 
-import { Slider } from "../../../Slider";
+import { Slider } from '../../../Slider';
 import {
   useCurrentTime,
   useSetCurrentTime,
-  useTimeRange,
-} from "../../contexts";
+  useTimeRange
+} from '../../contexts';
 import {
   PlaybackControls,
-  type PlaybackState,
-} from "../../../PlaybackControls";
-import Styles from "./MarbleTimeline.module.css";
-import { play } from "./play";
+  type PlaybackState
+} from '../../../PlaybackControls';
+import Styles from './MarbleTimeline.module.css';
+import { play } from './play';
 
 export interface MarbleTimelineProps {
   className?: string;
@@ -24,45 +24,48 @@ export const MarbleTimeline: FC<MarbleTimelineProps> = ({ className }) => {
 
   const isFinished = currentTime === timeRange.to;
 
-  const [playbackState, setPlaybackState] = useState<PlaybackState>("paused");
+  const [playbackState, setPlaybackState] = useState<PlaybackState>('paused');
+  const [startTime, setStartTime] = useState<number>();
 
   useEffect(() => {
-    if (playbackState === "playing") {
+    if (playbackState === 'playing' && startTime !== undefined) {
       return play({
         onIncrement: setTime,
         targetValue: timeRange.to,
-        startValue: currentTime,
-        speed: 1,
+        startValue: startTime,
+        speed: 1
       });
     }
-  }, [playbackState, setTime, timeRange]);
+  }, [playbackState, setTime, timeRange, startTime]);
 
   useEffect(() => {
     if (isFinished) {
-      setPlaybackState("finished");
+      setPlaybackState('finished');
     }
   }, [isFinished]);
 
-  const handlePlay = () => {
-    setPlaybackState("playing");
+  const handlePlay = (): void => {
+    setStartTime(currentTime);
+    setPlaybackState('playing');
   };
 
-  const handlePause = () => {
-    setPlaybackState("paused");
+  const handlePause = (): void => {
+    setPlaybackState('paused');
   };
 
-  const handleReset = () => {
+  const handleReset = (): void => {
     setTime(timeRange.from);
-    setPlaybackState("playing");
+    setStartTime(timeRange.from);
+    setPlaybackState('playing');
   };
 
-  const handleSkip = () => {
+  const handleSkip = (): void => {
     setTime(timeRange.to);
   };
 
-  const handleManualChange = (value: number) => {
+  const handleManualChange = (value: number): void => {
     setTime(value);
-    setPlaybackState("paused");
+    setPlaybackState('paused');
   };
 
   return (
diff --git a/src/components/react/MarbleDiagram/components/MarbleTimeline/index.ts b/src/components/react/MarbleDiagram/components/MarbleTimeline/index.ts
index 4208da4..7e644da 100644
--- a/src/components/react/MarbleDiagram/components/MarbleTimeline/index.ts
+++ b/src/components/react/MarbleDiagram/components/MarbleTimeline/index.ts
@@ -1 +1 @@
-export * from "./MarbleTimeline";
+export * from './MarbleTimeline';
diff --git a/src/components/react/MarbleDiagram/components/MarbleTimeline/play.ts b/src/components/react/MarbleDiagram/components/MarbleTimeline/play.ts
index df28b5d..dab9fe3 100644
--- a/src/components/react/MarbleDiagram/components/MarbleTimeline/play.ts
+++ b/src/components/react/MarbleDiagram/components/MarbleTimeline/play.ts
@@ -1,4 +1,4 @@
-import { FrameAnimation } from "@utils/animation";
+import { FrameAnimation } from '@utils/animation';
 
 interface PlayOptions {
   speed: number;
@@ -11,7 +11,7 @@ export function play({
   speed,
   onIncrement,
   targetValue,
-  startValue,
+  startValue
 }: PlayOptions): () => void {
   let currentValue = startValue;
 
diff --git a/src/components/react/MarbleDiagram/components/index.ts b/src/components/react/MarbleDiagram/components/index.ts
index 7d54902..1880df8 100644
--- a/src/components/react/MarbleDiagram/components/index.ts
+++ b/src/components/react/MarbleDiagram/components/index.ts
@@ -1,9 +1,9 @@
-export * from "./MarbleDiagramView";
+export * from './MarbleDiagramView';
 
-export * from "./MarblePointView";
+export * from './MarblePointView';
 
-export * from "./MarbleSeriesView";
+export * from './MarbleSeriesView';
 
-export * from "./MarbleTimeline";
+export * from './MarbleTimeline';
 
-export * from "./MarblePlayer";
+export * from './MarblePlayer';
diff --git a/src/components/react/MarbleDiagram/contexts/CurrentTimeContext.tsx b/src/components/react/MarbleDiagram/contexts/CurrentTimeContext.tsx
index 44e3fd6..6e8a732 100644
--- a/src/components/react/MarbleDiagram/contexts/CurrentTimeContext.tsx
+++ b/src/components/react/MarbleDiagram/contexts/CurrentTimeContext.tsx
@@ -1,8 +1,8 @@
-import { type FC, type ReactNode, useState } from "react";
+import { type FC, type ReactNode, useState } from 'react';
 
-import { createContextWithSetter } from "@utils/react";
+import { createContextWithSetter } from '@utils/react';
 
-const Context = createContextWithSetter<number>("PointSelection");
+const Context = createContextWithSetter<number>('PointSelection');
 
 export const useCurrentTime = Context.useValue;
 
@@ -15,7 +15,7 @@ export interface CurrentTimeProviderProps {
 
 export const CurrentTimeProvider: FC<CurrentTimeProviderProps> = ({
   initialTime,
-  children,
+  children
 }) => {
   const [currentTime, setTime] = useState(initialTime);
 
diff --git a/src/components/react/MarbleDiagram/contexts/MarbleDiagramContext.tsx b/src/components/react/MarbleDiagram/contexts/MarbleDiagramContext.tsx
index ec93384..352c061 100644
--- a/src/components/react/MarbleDiagram/contexts/MarbleDiagramContext.tsx
+++ b/src/components/react/MarbleDiagram/contexts/MarbleDiagramContext.tsx
@@ -1,10 +1,11 @@
-import { createContextWithUtils } from "@utils/react";
-import { useMemo } from "react";
+import { useMemo } from 'react';
 
-import type { MarbleDiagram, MarblePoint, MarbleSeries } from "../entities";
+import { createContextWithUtils } from '@utils/react';
+
+import type { MarbleDiagram, MarblePoint, MarbleSeries } from '../entities';
 
 export const { Provider: MarbleDiagramProvider, useContext: useMarbleDiagram } =
-  createContextWithUtils<MarbleDiagram>("MarbleDiagram");
+  createContextWithUtils<MarbleDiagram>('MarbleDiagram');
 
 export function useMarblePoint(pointId: string): MarblePoint {
   const diagram = useMarbleDiagram();
diff --git a/src/components/react/MarbleDiagram/contexts/PointSelectionContext.tsx b/src/components/react/MarbleDiagram/contexts/PointSelectionContext.tsx
index 489f8e0..9fc3e9f 100644
--- a/src/components/react/MarbleDiagram/contexts/PointSelectionContext.tsx
+++ b/src/components/react/MarbleDiagram/contexts/PointSelectionContext.tsx
@@ -1,8 +1,8 @@
-import { type FC, type ReactNode, useState } from "react";
+import { type FC, type ReactNode, useState } from 'react';
 
-import { createContextWithSetter } from "@utils/react";
+import { createContextWithSetter } from '@utils/react';
 
-const Context = createContextWithSetter<string | undefined>("PointSelection");
+const Context = createContextWithSetter<string | undefined>('PointSelection');
 
 export const useSelectedPointId = Context.useValue;
 
@@ -13,7 +13,7 @@ export interface PointSelectionProviderProps {
 }
 
 export const PointSelectionProvider: FC<PointSelectionProviderProps> = ({
-  children,
+  children
 }) => {
   const [selectedPointId, setSelectedPointId] = useState<string>();
 
diff --git a/src/components/react/MarbleDiagram/contexts/TimeRangeContext.tsx b/src/components/react/MarbleDiagram/contexts/TimeRangeContext.tsx
index 0c64f69..52b2b8e 100644
--- a/src/components/react/MarbleDiagram/contexts/TimeRangeContext.tsx
+++ b/src/components/react/MarbleDiagram/contexts/TimeRangeContext.tsx
@@ -1,5 +1,6 @@
-import { createContextWithUtils } from "@utils/react";
-import type { TimeRange } from "../entities";
+import { createContextWithUtils } from '@utils/react';
+
+import type { TimeRange } from '../entities';
 
 export const { Provider: TimeRangeProvider, useContext: useTimeRange } =
-  createContextWithUtils<TimeRange>("TimeRange");
+  createContextWithUtils<TimeRange>('TimeRange');
diff --git a/src/components/react/MarbleDiagram/contexts/index.ts b/src/components/react/MarbleDiagram/contexts/index.ts
index 709c372..0b41f34 100644
--- a/src/components/react/MarbleDiagram/contexts/index.ts
+++ b/src/components/react/MarbleDiagram/contexts/index.ts
@@ -1,7 +1,7 @@
-export * from "./CurrentTimeContext";
+export * from './CurrentTimeContext';
 
-export * from "./TimeRangeContext";
+export * from './TimeRangeContext';
 
-export * from "./MarbleDiagramContext";
+export * from './MarbleDiagramContext';
 
-export * from "./PointSelectionContext";
+export * from './PointSelectionContext';
diff --git a/src/components/react/MarbleDiagram/entities/MarbleDiagram.ts b/src/components/react/MarbleDiagram/entities/MarbleDiagram.ts
index ed151a8..36b07b2 100644
--- a/src/components/react/MarbleDiagram/entities/MarbleDiagram.ts
+++ b/src/components/react/MarbleDiagram/entities/MarbleDiagram.ts
@@ -1,8 +1,8 @@
-import type { ReactNode } from "react";
+import type { ReactNode } from 'react';
 
-import { MarblePoint } from "./MarblePoint";
-import { MarbleSeries } from "./MarbleSeries";
-import { TimeRange } from "./TimeRange";
+import { MarblePoint } from './MarblePoint';
+import { MarbleSeries } from './MarbleSeries';
+import { TimeRange } from './TimeRange';
 
 export interface MarbleDiagramData {
   series: Array<{
@@ -18,12 +18,22 @@ export interface MarbleDiagramData {
 }
 
 export class MarbleDiagram {
+  private readonly _series: Record<string, MarbleSeries>;
+  public readonly seriesIds: string[];
+  private readonly _points: Record<string, MarblePoint>;
+  private readonly _seriesPointIds: Record<string, string[]>;
+
   public constructor(
-    private readonly _series: Record<string, MarbleSeries>,
-    public readonly seriesIds: string[],
-    private readonly _points: Record<string, MarblePoint>,
-    private readonly _seriesPointIds: Record<string, string[]>
-  ) {}
+    series: Record<string, MarbleSeries>,
+    seriesIds: string[],
+    points: Record<string, MarblePoint>,
+    seriesPointIds: Record<string, string[]>
+  ) {
+    this._series = series;
+    this.seriesIds = seriesIds;
+    this._points = points;
+    this._seriesPointIds = seriesPointIds;
+  }
 
   public getSeries(seriesId: string): MarbleSeries | undefined {
     return this._series[seriesId];
@@ -48,7 +58,7 @@ export class MarbleDiagram {
     let seriesCounter = 0;
     const getSeriesId = (): string => `series-${++seriesCounter}`;
 
-    data.series.forEach((seriesData) => {
+    for (const seriesData of data.series) {
       const currentSeries = new MarbleSeries(
         getSeriesId(),
         new TimeRange(seriesData.startTime, seriesData.endTime),
@@ -61,8 +71,8 @@ export class MarbleDiagram {
 
       seriesPointIds[currentSeries.id] = [];
 
-      seriesData.points &&
-        seriesData.points.forEach((pointData) => {
+      if (seriesData.points) {
+        for (const pointData of seriesData.points) {
           const currentPoint = new MarblePoint(
             getPointId(),
             pointData.time,
@@ -73,8 +83,9 @@ export class MarbleDiagram {
           points[currentPoint.id] = currentPoint;
 
           seriesPointIds[currentSeries.id].push(currentPoint.id);
-        });
-    });
+        }
+      }
+    }
 
     return new MarbleDiagram(series, seriesIds, points, seriesPointIds);
   }
@@ -82,9 +93,9 @@ export class MarbleDiagram {
   public get minTime(): number {
     let minTime = 0;
 
-    Object.values(this._series).forEach(({ timeRange }) => {
+    for (const { timeRange } of Object.values(this._series)) {
       minTime = Math.min(minTime, timeRange.from);
-    });
+    }
 
     return minTime;
   }
@@ -92,9 +103,9 @@ export class MarbleDiagram {
   public get maxTime(): number {
     let maxTime = 0;
 
-    Object.values(this._series).forEach(({ timeRange }) => {
+    for (const { timeRange } of Object.values(this._series)) {
       maxTime = Math.max(maxTime, timeRange.to);
-    });
+    }
 
     return maxTime;
   }
diff --git a/src/components/react/MarbleDiagram/entities/MarblePoint.ts b/src/components/react/MarbleDiagram/entities/MarblePoint.ts
index fa3e6d4..b4aa5a6 100644
--- a/src/components/react/MarbleDiagram/entities/MarblePoint.ts
+++ b/src/components/react/MarbleDiagram/entities/MarblePoint.ts
@@ -1,4 +1,4 @@
-import type { ReactNode } from "react";
+import type { ReactNode } from 'react';
 
 export class MarblePoint {
   public readonly id: string;
diff --git a/src/components/react/MarbleDiagram/entities/MarbleSeries.ts b/src/components/react/MarbleDiagram/entities/MarbleSeries.ts
index 1a88789..0f6358e 100644
--- a/src/components/react/MarbleDiagram/entities/MarbleSeries.ts
+++ b/src/components/react/MarbleDiagram/entities/MarbleSeries.ts
@@ -1,4 +1,4 @@
-import type { TimeRange } from "./TimeRange";
+import type { TimeRange } from './TimeRange';
 
 export class MarbleSeries {
   public readonly id: string;
diff --git a/src/components/react/MarbleDiagram/entities/index.ts b/src/components/react/MarbleDiagram/entities/index.ts
index f57a56b..4477a5f 100644
--- a/src/components/react/MarbleDiagram/entities/index.ts
+++ b/src/components/react/MarbleDiagram/entities/index.ts
@@ -1,4 +1,4 @@
-export * from "./MarblePoint";
-export * from "./MarbleSeries";
-export * from "./MarbleDiagram";
-export * from "./TimeRange";
+export * from './MarblePoint';
+export * from './MarbleSeries';
+export * from './MarbleDiagram';
+export * from './TimeRange';
diff --git a/src/components/react/MarbleDiagram/index.ts b/src/components/react/MarbleDiagram/index.ts
index 0491bd3..d5b2576 100644
--- a/src/components/react/MarbleDiagram/index.ts
+++ b/src/components/react/MarbleDiagram/index.ts
@@ -1,7 +1,7 @@
-export * from "./contexts";
+export * from './contexts';
 
-export * from "./MarbleConfigProvider";
+export * from './MarbleConfigProvider';
 
-export * from "./entities";
+export * from './entities';
 
-export * from "./components";
+export * from './components';
diff --git a/src/components/react/ModalDialog/ModalDialog.tsx b/src/components/react/ModalDialog/ModalDialog.tsx
index 21f42a4..7aa6662 100644
--- a/src/components/react/ModalDialog/ModalDialog.tsx
+++ b/src/components/react/ModalDialog/ModalDialog.tsx
@@ -3,12 +3,13 @@ import {
   useRef,
   type ReactElement,
   type ReactNode,
-  type RefObject,
-} from "react";
-import clsx from "clsx";
+  type RefObject
+} from 'react';
+import clsx from 'clsx';
 
-import Styles from "./ModalDialog.module.css";
-import { useEventCallback } from "@utils/react";
+import { useEventCallback } from '@utils/react';
+
+import Styles from './ModalDialog.module.css';
 
 export interface ModalDialogProps {
   className?: string;
@@ -31,14 +32,14 @@ function useToggleDialog(
 
     if (open) {
       dialog.showModal();
-      document.body.style.setProperty("overflow", "hidden");
+      document.body.style.setProperty('overflow', 'hidden');
     }
 
     return () => {
       dialog.close();
-      document.body.style.removeProperty("overflow");
+      document.body.style.removeProperty('overflow');
     };
-  }, [open]);
+  }, [open, ref]);
 }
 
 export const ModalDialog = ({
@@ -46,7 +47,7 @@ export const ModalDialog = ({
   open,
   children,
   onClickOutside,
-  onClose,
+  onClose
 }: ModalDialogProps): ReactElement => {
   const ref = useRef<HTMLDialogElement>(null);
 
@@ -63,17 +64,16 @@ export const ModalDialog = ({
       return;
     }
 
-    const handleClick = (event: MouseEvent) => {
+    const handleClick = (event: MouseEvent): void => {
       if (!content.contains(event.target as Node)) {
-        console.log("click outside");
         handleClickOutside();
       }
     };
 
-    document.body.addEventListener("click", handleClick);
+    document.body.addEventListener('click', handleClick);
 
     return () => {
-      document.body.removeEventListener("click", handleClick);
+      document.body.removeEventListener('click', handleClick);
     };
   }, [handleClickOutside, open]);
 
@@ -81,7 +81,6 @@ export const ModalDialog = ({
     <dialog
       ref={ref}
       className={clsx(Styles.ModalDialog, className)}
-      onClick={() => console.log("CLick")}
       onClose={onClose}
     >
       <div ref={contentRef} className={Styles.Content}>
diff --git a/src/components/react/ModalDialog/index.ts b/src/components/react/ModalDialog/index.ts
index deb872d..317ba37 100644
--- a/src/components/react/ModalDialog/index.ts
+++ b/src/components/react/ModalDialog/index.ts
@@ -1 +1 @@
-export * from "./ModalDialog";
+export * from './ModalDialog';
diff --git a/src/components/react/PagefindNotFound/PagefindNotFound.tsx b/src/components/react/PagefindNotFound/PagefindNotFound.tsx
index b05cc3d..2459243 100644
--- a/src/components/react/PagefindNotFound/PagefindNotFound.tsx
+++ b/src/components/react/PagefindNotFound/PagefindNotFound.tsx
@@ -1,9 +1,9 @@
-import type { ReactElement } from "react";
-import clsx from "clsx";
+import type { ReactElement } from 'react';
+import clsx from 'clsx';
 
-import { Icon } from "../Icon";
-import sadIcon from "../../icons/sad.svg";
-import Styles from "./PagefindNotFound.module.css";
+import { Icon } from '../Icon';
+import sadIcon from '../../icons/sad.svg';
+import Styles from './PagefindNotFound.module.css';
 
 export interface PagefindNotFoundProps {
   className?: string;
@@ -12,16 +12,16 @@ export interface PagefindNotFoundProps {
 
 export const PagefindNotFound = ({
   className,
-  searchString,
+  searchString
 }: PagefindNotFoundProps): ReactElement => {
   return (
     <div className={clsx(Styles.Container, className)}>
-      <Icon url={sadIcon.src} color="var(--color_accent-yellow)" size={128} />
+      <Icon url={sadIcon.src} color='var(--color_accent-yellow)' size={128} />
 
       <p className={Styles.Text}>
         По запросу "{searchString}" ничего не найдено, но вы можете задать
-        интересующий вас вопрос{" "}
-        <a className={Styles.Link} href="https://t.me/+HGU6KdORQTc5YTEy">
+        интересующий вас вопрос{' '}
+        <a className={Styles.Link} href='https://t.me/+HGU6KdORQTc5YTEy'>
           в Telegram-чате
         </a>
         .
diff --git a/src/components/react/PagefindNotFound/index.ts b/src/components/react/PagefindNotFound/index.ts
index 08709e3..7b4c068 100644
--- a/src/components/react/PagefindNotFound/index.ts
+++ b/src/components/react/PagefindNotFound/index.ts
@@ -1 +1 @@
-export * from "./PagefindNotFound";
+export * from './PagefindNotFound';
diff --git a/src/components/react/PagefindSearch/PagefindSearch.tsx b/src/components/react/PagefindSearch/PagefindSearch.tsx
index aa5f1af..376884a 100644
--- a/src/components/react/PagefindSearch/PagefindSearch.tsx
+++ b/src/components/react/PagefindSearch/PagefindSearch.tsx
@@ -1,13 +1,13 @@
-import type { MouseEventHandler, ReactElement, ReactNode } from "react";
-import clsx from "clsx";
+import type { FC, MouseEventHandler, ReactNode } from 'react';
+import clsx from 'clsx';
 
 import {
   PagefindSearchResultView,
-  PagefindSearchResultSkeleton,
-} from "../PagefindSearchResultView";
-import { PagefindNotFound } from "../PagefindNotFound";
-import { usePageFindQuery } from "./usePageFindQuery";
-import Styles from "./PagefindSearch.module.css";
+  PagefindSearchResultSkeleton
+} from '../PagefindSearchResultView';
+import { PagefindNotFound } from '../PagefindNotFound';
+import { usePageFindQuery } from './usePageFindQuery';
+import Styles from './PagefindSearch.module.css';
 
 export interface PagefindSearchProps {
   className?: string;
@@ -15,11 +15,11 @@ export interface PagefindSearchProps {
   onLinkClick?: MouseEventHandler<HTMLAnchorElement>;
 }
 
-export const PagefindSearch = ({
+export const PagefindSearch: FC<PagefindSearchProps> = ({
   className,
   searchString,
-  onLinkClick,
-}: PagefindSearchProps): ReactElement | null => {
+  onLinkClick
+}) => {
   const pagefindQuery = usePageFindQuery(searchString);
 
   const renderContent = (): ReactNode => {
diff --git a/src/components/react/PagefindSearch/index.ts b/src/components/react/PagefindSearch/index.ts
index 83bf9ac..0e0074d 100644
--- a/src/components/react/PagefindSearch/index.ts
+++ b/src/components/react/PagefindSearch/index.ts
@@ -1 +1 @@
-export * from "./PagefindSearch";
+export * from './PagefindSearch';
diff --git a/src/components/react/PagefindSearch/usePageFindQuery.ts b/src/components/react/PagefindSearch/usePageFindQuery.ts
index 68f8b83..126c6e6 100644
--- a/src/components/react/PagefindSearch/usePageFindQuery.ts
+++ b/src/components/react/PagefindSearch/usePageFindQuery.ts
@@ -1,7 +1,7 @@
-import { useQuery, type UseQueryResult } from "@tanstack/react-query";
+import { useQuery, type UseQueryResult } from '@tanstack/react-query';
 
-import { importPagefind, type PagefindSearchResults } from "@utils/pagefind";
-import { queryClient } from "@utils/query";
+import { importPagefind, type PagefindSearchResults } from '@utils/pagefind';
+import { queryClient } from '@utils/query';
 
 function fetchSearchResults(
   searchString: string
@@ -18,8 +18,8 @@ export function usePageFindQuery(
 ): UseQueryResult<PagefindSearchResults> {
   return useQuery(
     {
-      queryKey: ["pagefind", searchString],
-      queryFn: () => fetchSearchResults(searchString),
+      queryKey: ['pagefind', searchString],
+      queryFn: () => fetchSearchResults(searchString)
     },
     queryClient
   );
diff --git a/src/components/react/PagefindSearchField/PagefindSearchField.tsx b/src/components/react/PagefindSearchField/PagefindSearchField.tsx
index a732118..783585a 100644
--- a/src/components/react/PagefindSearchField/PagefindSearchField.tsx
+++ b/src/components/react/PagefindSearchField/PagefindSearchField.tsx
@@ -1,12 +1,13 @@
-import { useState, type MouseEventHandler, type ReactElement } from "react";
-import clsx from "clsx";
+import { useState, type MouseEventHandler, type ReactElement } from 'react';
+import clsx from 'clsx';
 
-import { Input } from "../Input";
-import { PagefindSearch } from "../PagefindSearch";
-import { Icon } from "../Icon";
-import searchIcon from "../../icons/search.svg";
-import Styles from "./PagefindSearchField.module.css";
-import { useDebouncedValue } from "@utils/react";
+import { useDebouncedValue } from '@utils/react';
+
+import { Input } from '../Input';
+import { PagefindSearch } from '../PagefindSearch';
+import { Icon } from '../Icon';
+import searchIcon from '../../icons/search.svg';
+import Styles from './PagefindSearchField.module.css';
 
 export interface PagefindSearchFieldProps {
   className?: string;
@@ -15,9 +16,9 @@ export interface PagefindSearchFieldProps {
 
 export const PagefindSearchField = ({
   className,
-  onLinkClick,
+  onLinkClick
 }: PagefindSearchFieldProps): ReactElement => {
-  const [searchString, setSearchString] = useState("");
+  const [searchString, setSearchString] = useState('');
 
   const debouncedSearchString = useDebouncedValue(searchString, 300);
 
@@ -30,7 +31,7 @@ export const PagefindSearchField = ({
         left={<Icon url={searchIcon.src} />}
       />
 
-      {debouncedSearchString !== "" && (
+      {debouncedSearchString !== '' && (
         <PagefindSearch
           className={Styles.Results}
           searchString={debouncedSearchString}
diff --git a/src/components/react/PagefindSearchField/index.ts b/src/components/react/PagefindSearchField/index.ts
index a65698d..29bed4e 100644
--- a/src/components/react/PagefindSearchField/index.ts
+++ b/src/components/react/PagefindSearchField/index.ts
@@ -1 +1 @@
-export * from "./PagefindSearchField";
+export * from './PagefindSearchField';
diff --git a/src/components/react/PagefindSearchResultView/PagefindSearchResultSkeleton.tsx b/src/components/react/PagefindSearchResultView/PagefindSearchResultSkeleton.tsx
index d079171..4620ad8 100644
--- a/src/components/react/PagefindSearchResultView/PagefindSearchResultSkeleton.tsx
+++ b/src/components/react/PagefindSearchResultView/PagefindSearchResultSkeleton.tsx
@@ -1,16 +1,16 @@
-import clsx from "clsx";
-import type { ReactElement } from "react";
+import clsx from 'clsx';
+import type { ReactElement } from 'react';
 
-import { Skeleton } from "../Skeleton";
-import { PagefindSubResultSkeleton } from "../PagefindSubResultView";
-import Styles from "./PagefindSearchResultView.module.css";
+import { Skeleton } from '../Skeleton';
+import { PagefindSubResultSkeleton } from '../PagefindSubResultView';
+import Styles from './PagefindSearchResultView.module.css';
 
 interface PagefindSearchResultSkeletonProps {
   className?: string;
 }
 
 export const PagefindSearchResultSkeleton = ({
-  className,
+  className
 }: PagefindSearchResultSkeletonProps): ReactElement => {
   return (
     <div className={clsx(Styles.Container, Styles.Skeleton, className)}>
diff --git a/src/components/react/PagefindSearchResultView/PagefindSearchResultView.tsx b/src/components/react/PagefindSearchResultView/PagefindSearchResultView.tsx
index 04cd00d..dab3989 100644
--- a/src/components/react/PagefindSearchResultView/PagefindSearchResultView.tsx
+++ b/src/components/react/PagefindSearchResultView/PagefindSearchResultView.tsx
@@ -1,12 +1,12 @@
-import type { MouseEventHandler, ReactElement } from "react";
-import clsx from "clsx";
+import type { MouseEventHandler, ReactElement } from 'react';
+import clsx from 'clsx';
 
-import type { PagefindSearchResult } from "@utils/pagefind";
+import type { PagefindSearchResult } from '@utils/pagefind';
 
-import { PagefindSubResultView } from "../PagefindSubResultView";
-import { usePageFindResultQuery } from "./usePageFindResultQuery";
-import { PagefindSearchResultSkeleton } from "./PagefindSearchResultSkeleton";
-import Styles from "./PagefindSearchResultView.module.css";
+import { PagefindSubResultView } from '../PagefindSubResultView';
+import { usePageFindResultQuery } from './usePageFindResultQuery';
+import { PagefindSearchResultSkeleton } from './PagefindSearchResultSkeleton';
+import Styles from './PagefindSearchResultView.module.css';
 
 export interface PagefindSearchResultViewProps {
   className?: string;
@@ -19,7 +19,7 @@ export const PagefindSearchResultView = ({
   className,
   data,
   onLinkClick,
-  searchId,
+  searchId
 }: PagefindSearchResultViewProps): ReactElement => {
   const itemQuery = usePageFindResultQuery(data, searchId);
 
diff --git a/src/components/react/PagefindSearchResultView/index.ts b/src/components/react/PagefindSearchResultView/index.ts
index 29d11d0..05e1904 100644
--- a/src/components/react/PagefindSearchResultView/index.ts
+++ b/src/components/react/PagefindSearchResultView/index.ts
@@ -1,3 +1,3 @@
-export * from "./PagefindSearchResultView";
+export * from './PagefindSearchResultView';
 
-export * from "./PagefindSearchResultSkeleton";
+export * from './PagefindSearchResultSkeleton';
diff --git a/src/components/react/PagefindSearchResultView/usePageFindResultQuery.ts b/src/components/react/PagefindSearchResultView/usePageFindResultQuery.ts
index 3b30a4f..ce04245 100644
--- a/src/components/react/PagefindSearchResultView/usePageFindResultQuery.ts
+++ b/src/components/react/PagefindSearchResultView/usePageFindResultQuery.ts
@@ -1,10 +1,10 @@
-import { useQuery, type UseQueryResult } from "@tanstack/react-query";
+import { useQuery, type UseQueryResult } from '@tanstack/react-query';
 
 import type {
   PagefindSearchFragment,
-  PagefindSearchResult,
-} from "@utils/pagefind";
-import { queryClient } from "@utils/query";
+  PagefindSearchResult
+} from '@utils/pagefind';
+import { queryClient } from '@utils/query';
 
 export function usePageFindResultQuery(
   result: PagefindSearchResult,
@@ -12,8 +12,8 @@ export function usePageFindResultQuery(
 ): UseQueryResult<PagefindSearchFragment> {
   return useQuery(
     {
-      queryKey: ["pagefind", searchId, result.id],
-      queryFn: () => result.data(),
+      queryKey: ['pagefind', searchId, result.id],
+      queryFn: () => result.data()
     },
     queryClient
   );
diff --git a/src/components/react/PagefindSubResultView/PagefindSubResultSkeleton.tsx b/src/components/react/PagefindSubResultView/PagefindSubResultSkeleton.tsx
index 604e70e..75ab0b5 100644
--- a/src/components/react/PagefindSubResultView/PagefindSubResultSkeleton.tsx
+++ b/src/components/react/PagefindSubResultView/PagefindSubResultSkeleton.tsx
@@ -1,15 +1,15 @@
-import clsx from "clsx";
-import type { ReactElement } from "react";
+import clsx from 'clsx';
+import type { ReactElement } from 'react';
 
-import { Skeleton } from "../Skeleton";
-import Styles from "./PagefindSubResultView.module.css";
+import { Skeleton } from '../Skeleton';
+import Styles from './PagefindSubResultView.module.css';
 
 export interface PagefindSubResultSkeletonProps {
   className?: string;
 }
 
 export const PagefindSubResultSkeleton = ({
-  className,
+  className
 }: PagefindSubResultSkeletonProps): ReactElement => {
   return (
     <Skeleton className={clsx(Styles.Container, Styles.Skeleton, className)} />
diff --git a/src/components/react/PagefindSubResultView/PagefindSubResultView.tsx b/src/components/react/PagefindSubResultView/PagefindSubResultView.tsx
index 037f11e..cff6afe 100644
--- a/src/components/react/PagefindSubResultView/PagefindSubResultView.tsx
+++ b/src/components/react/PagefindSubResultView/PagefindSubResultView.tsx
@@ -1,8 +1,9 @@
-import type { MouseEventHandler, ReactElement } from "react";
-import clsx from "clsx";
+import type { MouseEventHandler, ReactElement } from 'react';
+import clsx from 'clsx';
 
-import type { PagefindSubResult } from "@utils/pagefind";
-import Styles from "./PagefindSubResultView.module.css";
+import type { PagefindSubResult } from '@utils/pagefind';
+
+import Styles from './PagefindSubResultView.module.css';
 
 export interface PagefindSubResultViewProps {
   className?: string;
@@ -13,7 +14,7 @@ export interface PagefindSubResultViewProps {
 export const PagefindSubResultView = ({
   className,
   data,
-  onLinkClick,
+  onLinkClick
 }: PagefindSubResultViewProps): ReactElement => {
   return (
     <div className={clsx(Styles.Container, className)}>
diff --git a/src/components/react/PagefindSubResultView/index.ts b/src/components/react/PagefindSubResultView/index.ts
index af6c6ac..cd431bd 100644
--- a/src/components/react/PagefindSubResultView/index.ts
+++ b/src/components/react/PagefindSubResultView/index.ts
@@ -1,3 +1,3 @@
-export * from "./PagefindSubResultView";
+export * from './PagefindSubResultView';
 
-export * from "./PagefindSubResultSkeleton";
+export * from './PagefindSubResultSkeleton';
diff --git a/src/components/react/PlaybackControls/PlaybackControls.tsx b/src/components/react/PlaybackControls/PlaybackControls.tsx
index 6b22b3e..cd608f5 100644
--- a/src/components/react/PlaybackControls/PlaybackControls.tsx
+++ b/src/components/react/PlaybackControls/PlaybackControls.tsx
@@ -1,19 +1,20 @@
-import { Icon } from "@components/react/Icon";
-import clsx from "clsx";
-import type { FC } from "react";
+import clsx from 'clsx';
+import type { FC } from 'react';
 
-import playSvg from "../../icons/play.svg";
-import pauseSvg from "../../icons/pause.svg";
-import resetSvg from "../../icons/reset.svg";
-import playSkipForwardSvg from "../../icons/play-skip-forward.svg";
-import Styles from "./PlaybackControls.module.css";
+import { Icon } from '@components/react/Icon';
 
-export type PlaybackState = "playing" | "paused" | "finished";
+import playSvg from '../../icons/play.svg';
+import pauseSvg from '../../icons/pause.svg';
+import resetSvg from '../../icons/reset.svg';
+import playSkipForwardSvg from '../../icons/play-skip-forward.svg';
+import Styles from './PlaybackControls.module.css';
+
+export type PlaybackState = 'playing' | 'paused' | 'finished';
 
 const playButtonIconUrl: Record<PlaybackState, string> = {
   playing: pauseSvg.src,
   paused: playSvg.src,
-  finished: resetSvg.src,
+  finished: resetSvg.src
 };
 
 export interface PlaybackControlsProps {
@@ -31,21 +32,24 @@ export const PlaybackControls: FC<PlaybackControlsProps> = ({
   onPlay,
   onPause,
   onReset,
-  onSkip,
+  onSkip
 }) => {
-  const handleMainAction = () => {
+  const handleMainAction = (): void => {
     switch (state) {
-      case "paused":
+      case 'paused': {
         onPlay();
         break;
+      }
 
-      case "playing":
+      case 'playing': {
         onPause();
         break;
+      }
 
-      case "finished":
+      case 'finished': {
         onReset();
         break;
+      }
     }
   };
 
@@ -53,14 +57,14 @@ export const PlaybackControls: FC<PlaybackControlsProps> = ({
     <div className={clsx(Styles.Layout, className)}>
       <button className={Styles.Button} onClick={handleMainAction}>
         <Icon
-          color="var(--color_text-white)"
+          color='var(--color_text-white)'
           url={playButtonIconUrl[state]}
           size={32}
         />
       </button>
 
       <button className={Styles.Button} onClick={onSkip}>
-        <Icon color="var(--color_text-white)" url={playSkipForwardSvg.src} />
+        <Icon color='var(--color_text-white)' url={playSkipForwardSvg.src} />
       </button>
     </div>
   );
diff --git a/src/components/react/PlaybackControls/index.ts b/src/components/react/PlaybackControls/index.ts
index 00f9a94..becb910 100644
--- a/src/components/react/PlaybackControls/index.ts
+++ b/src/components/react/PlaybackControls/index.ts
@@ -1 +1 @@
-export * from "./PlaybackControls";
+export * from './PlaybackControls';
diff --git a/src/components/react/Skeleton/Skeleton.tsx b/src/components/react/Skeleton/Skeleton.tsx
index 6f69e37..c32fa5c 100644
--- a/src/components/react/Skeleton/Skeleton.tsx
+++ b/src/components/react/Skeleton/Skeleton.tsx
@@ -1,7 +1,7 @@
-import clsx from "clsx";
-import type { ReactElement } from "react";
+import clsx from 'clsx';
+import type { ReactElement } from 'react';
 
-import Styles from "./Skeleton.module.css";
+import Styles from './Skeleton.module.css';
 
 export interface SkeletonProps {
   className?: string;
diff --git a/src/components/react/Skeleton/index.ts b/src/components/react/Skeleton/index.ts
index 55879b8..66bc08d 100644
--- a/src/components/react/Skeleton/index.ts
+++ b/src/components/react/Skeleton/index.ts
@@ -1 +1 @@
-export * from "./Skeleton";
+export * from './Skeleton';
diff --git a/src/components/react/Slider/Slider.tsx b/src/components/react/Slider/Slider.tsx
index 6493273..9714ddd 100644
--- a/src/components/react/Slider/Slider.tsx
+++ b/src/components/react/Slider/Slider.tsx
@@ -1,10 +1,11 @@
-import { clamp } from "@utils/number";
-import { useEventCallback } from "@utils/react";
-import clsx from "clsx";
-import { type FC, useEffect, useRef, useState } from "react";
+import clsx from 'clsx';
+import { type FC, useEffect, useRef, useState } from 'react';
 
-import Styles from "./Slider.module.css";
-import { subscribeToSlider } from "./subscribeToSlider";
+import { clamp } from '@utils/number';
+import { useEventCallback } from '@utils/react';
+
+import Styles from './Slider.module.css';
+import { subscribeToSlider } from './subscribeToSlider';
 
 export interface SliderProps {
   className?: string;
@@ -19,7 +20,7 @@ export const Slider: FC<SliderProps> = ({
   value,
   max,
   min,
-  onValueChange,
+  onValueChange
 }) => {
   const ref = useRef<HTMLDivElement>(null);
   const [isActive, setIsActive] = useState(false);
@@ -37,7 +38,7 @@ export const Slider: FC<SliderProps> = ({
       onStart: () => setIsActive(true),
       onChange: ({ relativeValue }) =>
         handleValueChange(clamp((max - min) * relativeValue + min, min, max)),
-      onEnd: () => setIsActive(false),
+      onEnd: () => setIsActive(false)
     });
   }, [handleValueChange, min, max]);
 
@@ -46,7 +47,7 @@ export const Slider: FC<SliderProps> = ({
       ref={ref}
       className={clsx(Styles.Layout, className)}
       style={{
-        "--progress": (value - min) / (max - min),
+        '--progress': (value - min) / (max - min)
       }}
       data-active={isActive}
     >
diff --git a/src/components/react/Slider/index.ts b/src/components/react/Slider/index.ts
index a589091..f48a854 100644
--- a/src/components/react/Slider/index.ts
+++ b/src/components/react/Slider/index.ts
@@ -1 +1 @@
-export * from "./Slider";
+export * from './Slider';
diff --git a/src/components/react/Slider/subscribeToSlider.ts b/src/components/react/Slider/subscribeToSlider.ts
index 655d54e..0ff8847 100644
--- a/src/components/react/Slider/subscribeToSlider.ts
+++ b/src/components/react/Slider/subscribeToSlider.ts
@@ -20,47 +20,47 @@ function getChangeEvent(
   return {
     target: element,
     relativeValue: (clientX - left) / width,
-    nativeEvent: mouseEvent,
+    nativeEvent: mouseEvent
   };
 }
 
+const preventDefault = (event: TouchEvent): void => {
+  event.preventDefault();
+};
+
 export function subscribeToSlider(
   element: HTMLElement,
   observer: SliderObserver
 ): () => void {
-  const handleMouseMove = (mouseEvent: MouseEvent) => {
+  const handleMouseMove = (mouseEvent: MouseEvent): void => {
     mouseEvent.preventDefault();
     observer.onChange(getChangeEvent(element, mouseEvent));
   };
 
-  const handleMouseUp = () => {
+  const handleMouseUp = (): void => {
     observer.onEnd();
-    document.body.removeEventListener("pointermove", handleMouseMove);
-  };
-
-  const handleTouchMove = (event: TouchEvent) => {
-    event.preventDefault();
+    document.body.removeEventListener('pointermove', handleMouseMove);
   };
 
-  const handleMouseDown = (mouseEvent: MouseEvent) => {
+  const handleMouseDown = (mouseEvent: MouseEvent): void => {
     // Отменяем выделение
     mouseEvent.preventDefault();
 
     observer.onStart();
     observer.onChange(getChangeEvent(element, mouseEvent));
 
-    document.body.addEventListener("pointermove", handleMouseMove);
-    document.body.addEventListener("touchmove", handleTouchMove, {
-      passive: false,
+    document.body.addEventListener('pointermove', handleMouseMove);
+    document.body.addEventListener('touchmove', preventDefault, {
+      passive: false
     });
-    document.body.addEventListener("pointerup", handleMouseUp, { once: true });
+    document.body.addEventListener('pointerup', handleMouseUp, { once: true });
   };
 
-  element.addEventListener("pointerdown", handleMouseDown, { passive: false });
+  element.addEventListener('pointerdown', handleMouseDown, { passive: false });
 
   return () => {
-    element.removeEventListener("pointerdown", handleMouseDown);
-    document.body.removeEventListener("pointermove", handleMouseMove);
-    document.body.removeEventListener("touchmove", handleTouchMove);
+    element.removeEventListener('pointerdown', handleMouseDown);
+    document.body.removeEventListener('pointermove', handleMouseMove);
+    document.body.removeEventListener('touchmove', preventDefault);
   };
 }
diff --git a/src/components/react/Timeline/Timeline.tsx b/src/components/react/Timeline/Timeline.tsx
index 7a76e13..8149f2b 100644
--- a/src/components/react/Timeline/Timeline.tsx
+++ b/src/components/react/Timeline/Timeline.tsx
@@ -1,10 +1,10 @@
-import type { ChangeEventHandler, FC, InputHTMLAttributes } from "react";
-import { clsx } from "clsx";
+import type { ChangeEventHandler, FC, InputHTMLAttributes } from 'react';
+import { clsx } from 'clsx';
 
-import Styles from "./Timeline.module.css";
+import Styles from './Timeline.module.css';
 
 export interface TimelineProps
-  extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
+  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
   onValueChange?: (current: number) => void;
 }
 
@@ -22,7 +22,7 @@ export const Timeline: FC<TimelineProps> = ({
   return (
     <div className={Styles.Layout}>
       <input
-        type="range"
+        type='range'
         className={clsx(Styles.Range, className)}
         onChange={handleChange}
         {...props}
diff --git a/src/components/react/Timeline/index.ts b/src/components/react/Timeline/index.ts
index 23bd871..83f79ca 100644
--- a/src/components/react/Timeline/index.ts
+++ b/src/components/react/Timeline/index.ts
@@ -1 +1 @@
-export * from "./Timeline";
+export * from './Timeline';
diff --git a/src/components/react/index.ts b/src/components/react/index.ts
index 38950b4..99cad9d 100644
--- a/src/components/react/index.ts
+++ b/src/components/react/index.ts
@@ -1,7 +1,7 @@
-export * from "./Input";
-export * from "./Button";
-export * from "./Icon";
-export * from "./Timeline";
-export * from "./MarbleDiagram";
-export * from "./PlaybackControls";
-export * from "./GlobalSearch";
+export * from './Input';
+export * from './Button';
+export * from './Icon';
+export * from './Timeline';
+export * from './MarbleDiagram';
+export * from './PlaybackControls';
+export * from './GlobalSearch';
diff --git a/src/components/web-components/LinkPreview.astro b/src/components/web-components/LinkPreview.astro
index eb0c242..9277531 100644
--- a/src/components/web-components/LinkPreview.astro
+++ b/src/components/web-components/LinkPreview.astro
@@ -1,4 +1,4 @@
-<template id="hjs-link-preview-template">
+<template id='hjs-link-preview-template'>
   <style is:inline>
     #layout {
       display: flex;
@@ -49,19 +49,19 @@
       display: none;
     }
   </style>
-  <article id="layout">
-    <div id="content">
-      <h4 id="title"></h4>
-      <p id="description"></p>
-      <a id="source"></a>
+  <article id='layout'>
+    <div id='content'>
+      <h4 id='title'></h4>
+      <p id='description'></p>
+      <a id='source'></a>
     </div>
-    <img id="thumbnail" />
+    <img id='thumbnail' />
   </article>
 </template>
 
 <script>
-  const linkPreviewTemplate = document.getElementById(
-    "hjs-link-preview-template"
+  const linkPreviewTemplate = document.querySelector(
+    '#hjs-link-preview-template'
   ) as HTMLTemplateElement;
 
   class LinkPreview extends HTMLElement {
@@ -70,19 +70,19 @@
 
       const content = document.importNode(linkPreviewTemplate.content, true);
 
-      const shadowRoot = this.attachShadow({ mode: "open" });
+      const shadowRoot = this.attachShadow({ mode: 'open' });
 
-      shadowRoot.appendChild(content);
+      shadowRoot.append(content);
 
-      this.linkTitle = shadowRoot.getElementById("title") as HTMLHeadingElement;
-      this.linkDescription = shadowRoot.getElementById(
-        "description"
+      this.linkTitle = shadowRoot.querySelector('#title') as HTMLHeadingElement;
+      this.linkDescription = shadowRoot.querySelector(
+        '#description'
       ) as HTMLParagraphElement;
-      this.linkSource = shadowRoot.getElementById(
-        "source"
+      this.linkSource = shadowRoot.querySelector(
+        '#source'
       ) as HTMLAnchorElement;
-      this.linkThumbnail = shadowRoot.getElementById(
-        "thumbnail"
+      this.linkThumbnail = shadowRoot.querySelector(
+        '#thumbnail'
       ) as HTMLImageElement;
     }
 
@@ -95,10 +95,10 @@
     public readonly linkThumbnail: HTMLImageElement;
 
     public static observedAttributes = [
-      "title",
-      "description",
-      "source-url",
-      "thumbnail-url",
+      'title',
+      'description',
+      'source-url',
+      'thumbnail-url'
     ];
 
     public attributeChangedCallback(
@@ -111,22 +111,22 @@
       }
 
       switch (property) {
-        case "title": {
+        case 'title': {
           this.linkTitle.textContent = newValue;
           break;
         }
 
-        case "description": {
+        case 'description': {
           this.linkDescription.textContent = newValue;
           break;
         }
 
-        case "source-url": {
+        case 'source-url': {
           this.linkSource.href = new URL(newValue).host;
           break;
         }
 
-        case "thumbnail-url": {
+        case 'thumbnail-url': {
           this.linkThumbnail.src = newValue;
           break;
         }
@@ -134,5 +134,5 @@
     }
   }
 
-  customElements.define("hjs-link-preview", LinkPreview);
+  customElements.define('hjs-link-preview', LinkPreview);
 </script>
diff --git a/src/components/web-components/Popup.astro b/src/components/web-components/Popup.astro
index 7cc4ca4..1c83c29 100644
--- a/src/components/web-components/Popup.astro
+++ b/src/components/web-components/Popup.astro
@@ -1,8 +1,8 @@
 ---
-const Slot = "slot";
+const Slot = 'slot';
 ---
 
-<template id="hjs-popup-template">
+<template id='hjs-popup-template'>
   <style is:inline>
     @keyframes appearance {
       from {
@@ -29,24 +29,24 @@ const Slot = "slot";
       box-shadow: var(--shadow_default);
     }
 
-    #container[data-direction="down"] {
+    #container[data-direction='down'] {
       top: calc((var(--link-y) + var(--link-height)) * 1px + 4px);
       transform: translateX(-50%);
     }
 
-    #container[data-direction="up"] {
+    #container[data-direction='up'] {
       top: calc(var(--link-y) * 1px - 4px);
       transform: translate(-50%, -100%);
     }
   </style>
-  <div id="container">
+  <div id='container'>
     <Slot />
   </div>
 </template>
 
 <script>
-  const popupTemplate = document.getElementById(
-    "hjs-popup-template"
+  const popupTemplate = document.querySelector(
+    '#hjs-popup-template'
   ) as HTMLTemplateElement;
 
   class Popup extends HTMLElement {
@@ -55,11 +55,11 @@ const Slot = "slot";
 
       const content = document.importNode(popupTemplate.content, true);
 
-      const shadowRoot = this.attachShadow({ mode: "open" });
+      const shadowRoot = this.attachShadow({ mode: 'open' });
 
-      shadowRoot.appendChild(content);
+      shadowRoot.append(content);
 
-      this.container = shadowRoot.getElementById("container") as HTMLDivElement;
+      this.container = shadowRoot.querySelector('#container') as HTMLDivElement;
     }
 
     public readonly container: HTMLDivElement;
@@ -82,8 +82,8 @@ const Slot = "slot";
       const anchorBottom =
         window.innerHeight - anchorRect.top - anchorRect.height;
 
-      this.container.dataset["direction"] =
-        anchorRect.top > anchorBottom ? "up" : "down";
+      this.container.dataset['direction'] =
+        anchorRect.top > anchorBottom ? 'up' : 'down';
     }
 
     private _updateLinkPosition(): void {
@@ -93,17 +93,17 @@ const Slot = "slot";
 
       const anchorRect = this._anchor.getBoundingClientRect();
 
-      this.container.style.setProperty("--link-x", String(anchorRect.left));
+      this.container.style.setProperty('--link-x', String(anchorRect.left));
       this.container.style.setProperty(
-        "--link-y",
+        '--link-y',
         String(this._anchor.offsetTop)
       );
       this.container.style.setProperty(
-        "--link-width",
+        '--link-width',
         String(anchorRect.width)
       );
       this.container.style.setProperty(
-        "--link-height",
+        '--link-height',
         String(anchorRect.height)
       );
     }
@@ -112,7 +112,7 @@ const Slot = "slot";
       this._updateDirection();
     }
 
-    public static observedAttributes = ["anchor"];
+    public static observedAttributes = ['anchor'];
 
     public attributeChangedCallback(
       property: string,
@@ -123,8 +123,8 @@ const Slot = "slot";
         return;
       }
 
-      if (property === "anchor") {
-        const anchor = document.getElementById(newValue);
+      if (property === 'anchor') {
+        const anchor = document.querySelector<HTMLElement>(`#${newValue}`);
 
         if (!anchor) {
           throw new Error(`Element with id "${newValue}" not found`);
@@ -135,5 +135,5 @@ const Slot = "slot";
     }
   }
 
-  customElements.define("hjs-popup", Popup);
+  customElements.define('hjs-popup', Popup);
 </script>
diff --git a/src/components/web-components/index.astro b/src/components/web-components/index.astro
index 59234b8..5245423 100644
--- a/src/components/web-components/index.astro
+++ b/src/components/web-components/index.astro
@@ -1,6 +1,6 @@
 ---
-import LinkPreviewTemplate from "./LinkPreview.astro";
-import PopupTemplate from "./Popup.astro";
+import LinkPreviewTemplate from './LinkPreview.astro';
+import PopupTemplate from './Popup.astro';
 ---
 
 <>
diff --git a/src/consts.ts b/src/consts.ts
index b6381e2..82c5468 100644
--- a/src/consts.ts
+++ b/src/consts.ts
@@ -1,6 +1,6 @@
 // Place any global data in this file.
 // You can import this data from anywhere in your site by using the `import` keyword.
 
-export const SITE_TITLE = "Hacknote.js";
+export const SITE_TITLE = 'Hacknote.js';
 export const SITE_DESCRIPTION =
-  "Блог со статьями для Telegram-канала Hacknote.js.";
+  'Блог со статьями для Telegram-канала Hacknote.js.';
diff --git a/src/content/articles/bem-mythology.mdx b/src/content/articles/bem-mythology.mdx
index 0de707a..c4bfb5d 100644
--- a/src/content/articles/bem-mythology.mdx
+++ b/src/content/articles/bem-mythology.mdx
@@ -1,30 +1,38 @@
 ---
-title: "Мифология БЭМ"
-description: "Среди разработчиков распространён миф, что БЭМ — это просто довольно некрасивый и чрезмерно длинный способ нейминга CSS-классов, который не очень-то актуален в современной разработке ввиду наличия во фронтенд-экосистеме огромного количества более удобных инструментов, полностью заменяющих его. На самом деле, это в корне неверное суждение, поскольку БЭМ — это нечто большее, чем просто нейминг, и, на мой взгляд, он может быть полезен любому веб-разработчику независимо от технического стека..."
-pubDate: "Jan 15 2023"
-heroImage: "/hacknote-js/images/bem-mythology/hero.png"
-telegramPostId: "25"
+title: 'Мифология БЭМ'
+description: 'Среди разработчиков распространён миф, что БЭМ — это просто довольно некрасивый и чрезмерно длинный способ нейминга CSS-классов, который не очень-то актуален в современной разработке ввиду наличия во фронтенд-экосистеме огромного количества более удобных инструментов, полностью заменяющих его. На самом деле, это в корне неверное суждение, поскольку БЭМ — это нечто большее, чем просто нейминг, и, на мой взгляд, он может быть полезен любому веб-разработчику независимо от технического стека...'
+pubDate: 'Jan 15 2023'
+heroImage: '/hacknote-js/images/bem-mythology/hero.png'
+telegramPostId: '25'
 ---
 
 Среди разработчиков распространён миф, что БЭМ — это просто довольно некрасивый и чрезмерно длинный способ нейминга CSS-классов, который не очень-то актуален в современной разработке ввиду наличия во фронтенд-экосистеме огромного количества более удобных инструментов, полностью заменяющих его. На самом деле, это в корне неверное суждение, поскольку БЭМ — это нечто большее, чем просто нейминг, и, на мой взгляд, он может быть полезен любому веб-разработчику независимо от технического стека.
 
 ## Зачем мне БЭМ, если есть «framework-name»?
+
 Часто возникают споры о том, что лучше использовать для вёрстки: БЭМ или, например, [Tailwind](https://tailwindcss.com/). В пользу каждого из вариантов выдвигается множество довольно рациональных аргументов, поэтому однозначного победителя в таких спорах зачастую не возникает. И дело даже не в том, что оба этих инструмента так хороши. На самом деле, нюанс заключается в том, что БЭМ — это более высокоуровневая абстракция, чем просто фреймворк для вёрстки, поэтому сравнение в данном случае просто не имеет смысла.
 
 [БЭМ](https://ru.wikipedia.org/wiki/БЭМ) — в первую очередь методология разработки, а конкретные способы и инструменты, реализующие принципы этой методологии, абсолютно опциональны. Разрабатывать приложение по БЭМ можно и с помощью Tailwind, и с помощью любого другого фреймворка/библиотеки. Более того, его можно применять не только в веб-разработке.
 
 ## БЭМ — про нейминг CSS-классов
+
 [Согласно БЭМ](https://ru.bem.info/methodology/naming-convention/) CSS-классы действительно именуются по схеме `block__element_modifier` (разделители можно выбрать на свой вкус). Многие на этом заканчивают изучение этой методологии и идут писать код на Tailwind. На самом же деле нейминг — это просто один из тех самых опциональных инструментов, использования которого не достаточно для следования методологии.
 
 ```css
 /* Блок */
-.my-button {/* ... */}
+.my-button {
+  /* ... */
+}
 
 /* Элемент */
-.my-button__label {/* ... */ }
+.my-button__label {
+  /* ... */
+}
 
 /* Модификатор */
-.my-button_primary {/* ... */ }
+.my-button_primary {
+  /* ... */
+}
 ```
 
 Такие длинные названия классов позволяют исключить использование каскада (превратив CSS в SS), что в некоторой степени упрощает жизнь, поскольку пропадает необходимость думать о [специфичности](https://doka.guide/css/specificity/) селекторов, поскольку у всех селекторов она будет одинакова, и появляется возможность сфокусироваться исключительно на семантике. Кстати, браузеру тоже не нужно будет тратить время на применение каскада, что немного повысит производительность CSS.
@@ -66,30 +74,35 @@ export const MyForm = styled.form`
 ```
 
 ## В чём же тогда всё-таки смысл БЭМ?
+
 БЭМ позволяет создавать более простые, изолированные и переиспользуемые компоненты, причём с точки зрения не только стилей, но и поведения.
 
-Предположим, вы хотите разработать компонент «форма с кнопками». В кнопке необходимо наличие иконки. 
+Предположим, вы хотите разработать компонент «форма с кнопками». В кнопке необходимо наличие иконки.
 
 ## Простота
+
 Простота достигается тем, что структура «Блок-Элемент» подразумевает наличие только двух уровней вложенности.
 
 Элементы элементов [согласно БЭМ не допускаются](https://ru.bem.info/methodology/faq/#почему-не-стоит-создавать-элементы-элементов-block__elem1__elem2), поэтому код кнопки придётся вынести в отдельный компонент, а значит код формы останется простым и будет решать задачи только самой формы.
 
 ## Изолированность
+
 Как уже было упомянуто, компонент формы решает только свои собственные задачи, не влияя на внутреннее устройство кнопки, но может добавлять ей новое поведение с помощью модификаторов и миксинов, что соответствует [принципу открытости/закрытости](https://ru.wikipedia.org/wiki/Принцип_открытости/закрытости).
 
 ## Переиспользуемость
+
 Кнопка, являясь отдельным компонентом не знает ничего о форме, а значит может быть использована в других компонентах.
 
 Под словами "не знает ничего о форме" я подразумеваю, например, расположение относительно других элементов. То есть не стоит задавать внешние отступы или координаты компоненту, являющемуся блоком, поскольку этот блок может стать элементом любого другого блока, а в разных случаях вам может понадобиться по разному расположить одну и ту же кнопку.
 
 ### ❌ Плохо
+
 Для самой кнопки определена внешняя геометрия (например, `margin`), поэтому при использовании её в других компонентах может потребоваться их переопределять:
 
 ```js del={3}
 /** Блок my-button */
 export const MyButton = styled.button`
-    margin: 16px;
+  margin: 16px;
 `;
 
 /** Блок my-form */
@@ -97,6 +110,7 @@ export const MyForm = styled.form``;
 ```
 
 ### ✅ Хорошо
+
 Для кнопки по умолчанию не определена внешняя геометрия, определять её будут блоки, элементами которых будет эта кнопка:
 
 ```js ins={7-9}
@@ -105,14 +119,15 @@ export const MyButton = styled.button``;
 
 /** Блок my-form */
 export const MyForm = styled.form`
-    /** Элемент my-form__button */
-    ${MyButton} {
-        margin: 16px;
-    }
+  /** Элемент my-form__button */
+  ${MyButton} {
+    margin: 16px;
+  }
 `;
 ```
 
 ## Заключение
+
 БЭМ, вопреки распространённому мнению, — не просто способ наименования CSS-классов, а более абстрактная методология, принципы которой применимы для любого технологического стека и не заставляют использовать конкретные инструменты.
 
-Глубокое понимание достаточно простых [принципов БЭМ](https://ru.bem.info/methodology/key-concepts/) позволяет писать гораздо более поддерживаемый код в любом проекте.
\ No newline at end of file
+Глубокое понимание достаточно простых [принципов БЭМ](https://ru.bem.info/methodology/key-concepts/) позволяет писать гораздо более поддерживаемый код в любом проекте.
diff --git a/src/content/articles/computed-vs-stored.mdx b/src/content/articles/computed-vs-stored.mdx
index 9f056c8..0ed6aa8 100644
--- a/src/content/articles/computed-vs-stored.mdx
+++ b/src/content/articles/computed-vs-stored.mdx
@@ -1,9 +1,9 @@
 ---
-title: "Хранимые и вычисляемые данные"
-description: "Состоянием приложения являются данные, сохраняемые в памяти на определённом этапе его работы. Очень важно понимать, что не любые данные и не в любой ситуации имеет смысл куда-либо сохранять."
-pubDate: "Jan 29 2023"
-heroImage: "/hacknote-js/images/stored-vs-computed/hero.png"
-telegramPostId: "26"
+title: 'Хранимые и вычисляемые данные'
+description: 'Состоянием приложения являются данные, сохраняемые в памяти на определённом этапе его работы. Очень важно понимать, что не любые данные и не в любой ситуации имеет смысл куда-либо сохранять.'
+pubDate: 'Jan 29 2023'
+heroImage: '/hacknote-js/images/stored-vs-computed/hero.png'
+telegramPostId: '26'
 ---
 
 Состоянием приложения являются данные, сохраняемые в памяти на определённом этапе его работы. Очень важно понимать, что не любые данные и не в любой ситуации имеет смысл куда-либо сохранять.
@@ -21,7 +21,7 @@ telegramPostId: "26"
 Я неоднократно встречал реализации подобных компонентов, предполагающие сохранение отфильтрованного списка в состоянии.
 
 ```tsx
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useState } from 'react';
 
 function filterByType(items, types) {
   // TODO: Механизм фильтрации
diff --git a/src/content/articles/dependency-management.mdx b/src/content/articles/dependency-management.mdx
index 81dddf1..d61e580 100644
--- a/src/content/articles/dependency-management.mdx
+++ b/src/content/articles/dependency-management.mdx
@@ -1,12 +1,12 @@
 ---
-title: "Менеджмент зависимостей в Javascript"
-description: "Для многих разработчиков процесс установки зависимостей представляет собой магию, которая происходит при выполнении npm install. Разработчикам, имеющим у себя в проекте большое количество зависимостей и тем, кто разрабатывает эти самые зависимости, публикуя в виде NPM-пакетов, будет полезно разобраться в принципах работы этой магии, чтобы сделать установку более эффективной и не создавать проблемы коллегам."
-pubDate: "Mar 01 2023"
-heroImage: "/hacknote-js/images/dependency-management/hero.png"
-telegramPostId: "28"
+title: 'Менеджмент зависимостей в Javascript'
+description: 'Для многих разработчиков процесс установки зависимостей представляет собой магию, которая происходит при выполнении npm install. Разработчикам, имеющим у себя в проекте большое количество зависимостей и тем, кто разрабатывает эти самые зависимости, публикуя в виде NPM-пакетов, будет полезно разобраться в принципах работы этой магии, чтобы сделать установку более эффективной и не создавать проблемы коллегам.'
+pubDate: 'Mar 01 2023'
+heroImage: '/hacknote-js/images/dependency-management/hero.png'
+telegramPostId: '28'
 ---
 
-import Aside from "@components/astro/Aside.astro";
+import Aside from '@components/astro/Aside.astro';
 
 Javascript стремительно развивается на протяжении уже более 20 лет. За это время появлялось огромное количество различных решений для разработки веб-приложений и, несмотря на развитие веб-стандартов и самой веб-платформы, сейчас уже достаточно тяжело представить себе проект, не использующий никаких сторонних библиотек. Для многих разработчиков процесс установки зависимостей представляет собой некую магию, которая происходит при выполнении `npm install`.
 
@@ -226,7 +226,7 @@ registry=https://registry.npmjs.com
 
 Обратите внимание, что понятие "плагин" в данном случае довольно широкое и, например, библиотека React-компонентов будет фактически являться плагином для React.
 
-<Aside title="Кстати о React" type="warning">
+<Aside title='Кстати о React' type='warning'>
   React в приложении должен присутствовать в единственном экземпляре, и если
   пакетный менеджер установит для библиотеки компонентов собственный React, то
   помимо засорения `node_modules` приложение может перестать работать
@@ -278,7 +278,7 @@ NPM 7 и выше автоматически установит недостаю
 
 Похожее поле есть и в других пакетных менеджерах, но, поскольку для `package.json` нет никакой общей спецификации, работает и называется оно по разному. Например, в Yarn для решения этой проблемы есть поле [resolutions](https://classic.yarnpkg.com/lang/en/docs/selective-version-resolutions/).
 
-<Aside title="Аналогия с CSS">
+<Aside title='Аналогия с CSS'>
   Принцип работы `overrides` — не единственная для NPM аналогия с СSS, команда
   [npm query](https://docs.npmjs.com/cli/v8/commands/npm-query) поддерживает
   [СSS-селекторы для анализа дерева
@@ -437,7 +437,7 @@ PNPM в отличие от NPM и Yarn не пытается сделать с
 
 В `node_modules` каждого пакета будут находиться только симлинки на те пакеты, которые указаны у него в `package.json`, что полностью избавляет нас от проблемы фантомных зависимостей и потребность в наличии ESLint-плагина отпадает.
 
-<Aside title="Cимлинки в NPM">
+<Aside title='Cимлинки в NPM'>
   В версии NPM 9 появился флаг
   [install-strategy](https://docs.npmjs.com/cli/v9/commands/npm-install?v=true#install-strategy),
   значение "linked" в котором включает подобную PNPM модель установки с
diff --git a/src/content/articles/di-react.mdx b/src/content/articles/di-react.mdx
index 205fbb4..4236b1f 100644
--- a/src/content/articles/di-react.mdx
+++ b/src/content/articles/di-react.mdx
@@ -1,9 +1,9 @@
 ---
-title: "Инверсия зависимостей в React"
-description: "Старые добрые принципы SOLID могут быть полезны в любой области разработки. Особенно важным я считаю принцип инверсии зависимостей. В React существуют механизмы, позволяющие реализовать этот принцип, и в этом очень помогает Typescript"
-pubDate: "Feb 25 2023"
-heroImage: "/hacknote-js/images/di-react/hero.png"
-telegramPostId: "27"
+title: 'Инверсия зависимостей в React'
+description: 'Старые добрые принципы SOLID могут быть полезны в любой области разработки. Особенно важным я считаю принцип инверсии зависимостей. В React существуют механизмы, позволяющие реализовать этот принцип, и в этом очень помогает Typescript'
+pubDate: 'Feb 25 2023'
+heroImage: '/hacknote-js/images/di-react/hero.png'
+telegramPostId: '27'
 ---
 
 Старые добрые принципы [SOLID](<https://ru.wikipedia.org/wiki/SOLID_(объектно-ориентированное_программирование)>) могут быть полезны в любой области разработки. Особенно важным я считаю принцип [инверсии зависимостей](https://ru.wikipedia.org/wiki/Принцип_инверсии_зависимостей). В React существуют механизмы, позволяющие реализовать этот принцип, и в этом очень помогает Typescript.
@@ -15,7 +15,7 @@ telegramPostId: "27"
 ![Компонент, отображающий список элементов](/hacknote-js/images/di-react/list-component.png)
 
 ```tsx
-import { ListItem } from "@components/ListItem";
+import { ListItem } from '@components/ListItem';
 
 export interface ListProps {
   items: Item[]; // <- компонент принимает на вход данные элементов списка
@@ -23,7 +23,7 @@ export interface ListProps {
 
 export const List = ({ items }: ListProps): ReactElement => {
   return (
-    <ul className="my-list">
+    <ul className='my-list'>
       {items.map(({ id, title }) => (
         <ListItem key={id}>{title}</ListItem>
       ))}
@@ -39,7 +39,7 @@ export const List = ({ items }: ListProps): ReactElement => {
 Чтобы не дублировать код, мы реализовали механизм кастомизации `List` с помощью пропсов, позволяющих включать/выключать определённые параметры элементов списка.
 
 ```tsx ins={5-7} ins="hasBadge, hasIcon" ins="hasBadge={hasBadge} hasIcon={hasIcon}"
-import { ListItem } from "@components/ListItem";
+import { ListItem } from '@components/ListItem';
 
 export interface ListProps {
   items: Item[];
@@ -50,7 +50,7 @@ export interface ListProps {
 
 export const List = ({ items, hasBadge, hasIcon }: ListProps): ReactElement => {
   return (
-    <ul className="my-list">
+    <ul className='my-list'>
       {items.map(({ id, title }) => (
         <ListItem key={id} hasBadge={hasBadge} hasIcon={hasIcon}>
           {title}
@@ -76,20 +76,20 @@ API компонента получается недостаточно гибк
 Можно сделать так, что `List` будет принимать не данные для отображения элементов списка, а уже готовые элементы.
 
 ```tsx
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 
 export interface ListProps {
   children: ReactNode; // <- компонент принимает элементы вместо их данных
 }
 
 export const List = ({ children }: ListProps): ReactElement => {
-  return <ul className="my-list">{children}</ul>;
+  return <ul className='my-list'>{children}</ul>;
 };
 ```
 
 ```tsx
-import { List } from "@components/List";
-import { ListItem } from "@components/ListItem";
+import { List } from '@components/List';
+import { ListItem } from '@components/ListItem';
 
 <List>
   <ListItem hasBadge>React</ListItem>
@@ -117,19 +117,19 @@ import { ListItem } from "@components/ListItem";
 Для этого создадим на основе уже имеющихся компонентов новый — `SearchableList`.
 
 ```tsx
-import { List } from "@components/List";
-import { ListItem } from "@components/ListItem";
+import { List } from '@components/List';
+import { ListItem } from '@components/ListItem';
 
 export interface SearchableListProps {
   items: Item[]; // <- компонент принимает данные элементов, поскольку они нужны для фильтрации
 }
 
 export const SearchableList = ({
-  items,
+  items
 }: SearchableListProps): ReactElement => {
   const { items } = props;
 
-  const [searchString, setSearchString] = useState("");
+  const [searchString, setSearchString] = useState('');
 
   const handleSearch: ChangeEventHandler<HTMLInputElement> = (event) => {
     setSearchString(event.currentTarget.value);
@@ -142,7 +142,7 @@ export const SearchableList = ({
 
   return (
     <div>
-      <input type="text" value={searchString} onChange={handleSearch} />
+      <input type='text' value={searchString} onChange={handleSearch} />
 
       <List>
         {searchedItems.map(({ id, title }) => (
@@ -165,7 +165,7 @@ export type RenderListItem = (props: Item) => ReactElement;
 В таком случае компонент списка будет принимать на вход данные для списка.
 
 ```tsx
-import { RenderListItem } from "@interfaces";
+import { RenderListItem } from '@interfaces';
 
 export interface ListProps {
   items: Item[];
@@ -174,7 +174,7 @@ export interface ListProps {
 
 export const List = ({ items, children: Item }: ListProps): ReactElement => {
   return (
-    <ul className="my-list">
+    <ul className='my-list'>
       {items.map((item) => (
         <Item key={item.id} {...item} />
       ))}
@@ -186,15 +186,15 @@ export const List = ({ items, children: Item }: ListProps): ReactElement => {
 Компонент `SearchableList` же расширяет поведение компонента `List`, сохраняя его API.
 
 ```tsx
-import { ListProps, List } from "@components/List";
+import { ListProps, List } from '@components/List';
 
 export interface SearchableListProps extends ListProps {}
 
 export const SearchableList = ({
   items,
-  children,
+  children
 }: SearchableListProps): ReactElement => {
-  const [searchString, setSearchString] = useState("");
+  const [searchString, setSearchString] = useState('');
 
   const handleSearch: ChangeEventHandler<HTMLInputElement> = (event) => {
     setSearchString(event.currentTarget.value);
@@ -207,7 +207,7 @@ export const SearchableList = ({
 
   return (
     <div>
-      <input type="text" value={searchString} onChange={handleSearch} />
+      <input type='text' value={searchString} onChange={handleSearch} />
 
       <List items={searchedItems}>{children}</List>
     </div>
@@ -220,14 +220,14 @@ export const SearchableList = ({
 Теперь при использовании компонента `List` мы можем передать ему любую реализацию элемента списка, соответствующую описанному интерфейсу `RenderListItem`.
 
 ```tsx
-import { SearchableList } from "@components/SearchableList";
-import { ListItem } from "@components/ListItem";
-import { RenderListItem } from "@interfaces";
+import { SearchableList } from '@components/SearchableList';
+import { ListItem } from '@components/ListItem';
+import { RenderListItem } from '@interfaces';
 
 <SearchableList items={items}>{ListItem}</SearchableList>;
 
 const CustomItem: RenderListItem = ({ id, title }) => (
-  <li key={id} className="supercool-item">
+  <li key={id} className='supercool-item'>
     {title}
   </li>
 );
@@ -261,9 +261,9 @@ export interface SearchableListProps extends ListProps {
 export const SearchableList = ({
   items,
   useSearch,
-  renderItem,
+  renderItem
 }: SearchableListProps): ReactElement => {
-  const [searchString, setSearchString] = useState("");
+  const [searchString, setSearchString] = useState('');
 
   const handleSearch: ChangeEventHandler<HTMLInputElement> = (event) => {
     setSearchString(event.currentTarget.value);
@@ -273,7 +273,7 @@ export const SearchableList = ({
 
   return (
     <div>
-      <input type="text" value={searchString} onChange={handleSearch} />
+      <input type='text' value={searchString} onChange={handleSearch} />
 
       <List items={searchedItems} renderItem={renderItem} />
     </div>
@@ -285,7 +285,7 @@ export const SearchableList = ({
 
 ```tsx
 const CustomItem: RenderListItem = ({ id, title }) => (
-  <li key={id} className="supercool-item">
+  <li key={id} className='supercool-item'>
     {title}
   </li>
 );
@@ -312,9 +312,9 @@ const useSearch: SearchLogic = (items, searchString) =>
 Например, создадим контекст для компонента `ListItem`:
 
 ```tsx
-import { createContext, useContext, memo, ReactNode } from "react";
-import { RenderListItem } from "@interfaces";
-import { ListItem } from "@components/ListItem";
+import { createContext, useContext, memo, ReactNode } from 'react';
+import { RenderListItem } from '@interfaces';
+import { ListItem } from '@components/ListItem';
 
 interface IComponentsContext {
   ListItem: RenderListItem;
@@ -324,7 +324,7 @@ interface IComponentsContext {
 // которое будет использоваться в случае,
 // если мы не переопределили компоненты
 const DEFAULT_COMPONENTS: IComponentsContext = {
-  ListItem,
+  ListItem
 };
 
 const ComponentsContext = createContext<IComponentsContext>(DEFAULT_COMPONENTS);
@@ -353,7 +353,7 @@ export const ComponentsProvider = ({
     // Получаем переопределения из вышестоящего контекста
     ...useComponents(),
     // И переопределяем их новыми
-    ...overrides,
+    ...overrides
   };
 
   return (
@@ -367,7 +367,7 @@ export const ComponentsProvider = ({
 Для получения компонентов из контекста просто используем созданный хук:
 
 ```tsx
-import { useComponents } from "@components/context";
+import { useComponents } from '@components/context';
 
 export interface ListProps {
   items: Item[];
@@ -377,7 +377,7 @@ export const List = ({ items }: ListProps): ReactElement => {
   const { ListItem } = useComponents();
 
   return (
-    <ul className="my-list">
+    <ul className='my-list'>
       {items.map((item) => (
         <ListItem key={item.id} {...item} />
       ))}
@@ -390,13 +390,13 @@ export const List = ({ items }: ListProps): ReactElement => {
 
 ```tsx
 const SupercoolItem: RenderItem = ({ id, title }) => (
-  <li key={id} className="supercool-item">
+  <li key={id} className='supercool-item'>
     {title}
   </li>
 );
 
 const AwesomeItem: RenderItem = ({ id, title }) => (
-  <li key={id} className="awesome-item">
+  <li key={id} className='awesome-item'>
     {title}
   </li>
 );
diff --git a/src/content/articles/js-in-css.mdx b/src/content/articles/js-in-css.mdx
index 3442312..4d94158 100644
--- a/src/content/articles/js-in-css.mdx
+++ b/src/content/articles/js-in-css.mdx
@@ -1,15 +1,15 @@
 ---
-title: "Передача данных в CSS"
-description: "При разработке интерфейсов часто возникает необходимость динамически менять стили HTML-элементов в зависимости от текущего состояния приложения. Существует довольно много способов передать данные из Javascript в CSS и в этой статье я предлагаю их рассмотреть."
-pubDate: "Mar 28 2023"
-heroImage: "/hacknote-js/images/js-in-css/hero.png"
-telegramPostId: "33"
+title: 'Передача данных в CSS'
+description: 'При разработке интерфейсов часто возникает необходимость динамически менять стили HTML-элементов в зависимости от текущего состояния приложения. Существует довольно много способов передать данные из Javascript в CSS и в этой статье я предлагаю их рассмотреть.'
+pubDate: 'Mar 28 2023'
+heroImage: '/hacknote-js/images/js-in-css/hero.png'
+telegramPostId: '33'
 ---
 
-import ColorPicker from "@articleAssets/js-in-css/ColorPicker.astro";
-import Scroll from "@articleAssets/js-in-css/Scroll.astro";
-import Theming from "@articleAssets/js-in-css/Theming.astro";
-import Demo from "@components/astro/Demo.astro";
+import ColorPicker from '@articleAssets/js-in-css/ColorPicker.astro';
+import Scroll from '@articleAssets/js-in-css/Scroll.astro';
+import Theming from '@articleAssets/js-in-css/Theming.astro';
+import Demo from '@components/astro/Demo.astro';
 
 При разработке интерфейсов часто возникает необходимость динамически менять стили HTML-элементов в зависимости от текущего состояния приложения. Существует довольно много способов передать данные из Javascript в CSS и в этой статье я предлагаю их рассмотреть.
 
@@ -32,7 +32,7 @@ import Demo from "@components/astro/Demo.astro";
 В JSX последний пункт можно решить с помощью создания переменной:
 
 ```jsx
-const paragraphStyles = { color: "#272727" };
+const paragraphStyles = { color: '#272727' };
 
 const MyComponent = () => (
   <div>
@@ -70,7 +70,7 @@ const MyComponent = () => (
 В общем-то очень остроумно проблему решают CSS-in-JS фреймворки: чтобы не передавать данные из JS в CSS, мы перенесли CSS в JS:
 
 ```jsx
-import styled from "styled-components";
+import styled from 'styled-components';
 
 const Paragraph = styled.p`
   color: #272727;
@@ -86,11 +86,11 @@ const MyComponent = () => (
 
 Если нам понадобится передать данные из JS в CSS, мы можем сделать это так же, как и с любым другим React-компонентом:
 
-```tsx ins={3-5, 7-15, 18} ins="type=\"important\"" 
-import styled, { css } from "styled-components";
+```tsx ins={3-5, 7-15, 18} ins="type="important""
+import styled, { css } from 'styled-components';
 
 interface ParagraphProps {
-  type?: "regular" | "important";
+  type?: 'regular' | 'important';
 }
 
 const paragraphTypeStyles = {
@@ -100,17 +100,17 @@ const paragraphTypeStyles = {
   important: css`
     background-color: #ff6287;
     font-weight: bold;
-  `,
+  `
 };
 
 const Paragraph = styled.p<ParagraphProps>`
-  ${({ type = "regular" }) => paragraphTypeStyles[type]}
+  ${({ type = 'regular' }) => paragraphTypeStyles[type]}
 `;
 
 const MyComponent = () => (
   <div>
     <Paragraph>Lorem ipsum dolor sit amet</Paragraph>
-    <Paragraph type="important">Lorem ipsum dolor sit amet</Paragraph>
+    <Paragraph type='important'>Lorem ipsum dolor sit amet</Paragraph>
   </div>
 );
 ```
@@ -118,8 +118,8 @@ const MyComponent = () => (
 Мы передаём некий дискретный набор данных в компонент и для каждой новой их комбинации [styled-components](https://styled-components.com) будет создавать уникальный класс и вставлять его в DOM. Но что, если параметр не дискретный и меняется часто?
 
 ```tsx mark={13-14}
-import { useEffect, useState } from "react";
-import styled from "styled-components";
+import { useEffect, useState } from 'react';
+import styled from 'styled-components';
 
 interface BallProps {
   position: [x: number, y: number];
@@ -218,11 +218,11 @@ const MyComponent = () => {
 
 Аналогично можно использовать data-атрибуты:
 
-```html mark="data-invalid=\"true\""
+```html mark="data-invalid="true""
 <input class="input" data-invalid="true" />
 
 <style>
-  .input[data-invalid="true"] {
+  .input[data-invalid='true'] {
     border-color: red;
   }
 </style>
@@ -230,11 +230,11 @@ const MyComponent = () => {
 
 Во многих случаях, кстати, data-атрибуты можно заменить на [aria-атрибуты](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes) и таким образом убить сразу двух зайцев: стили и доступность:
 
-```html mark="aria-invalid=\"true\""
+```html mark="aria-invalid="true""
 <input class="input" aria-invalid="true" />
 
 <style>
-  .input[aria-invalid="true"] {
+  .input[aria-invalid='true'] {
     border-color: red;
   }
 </style>
@@ -250,7 +250,7 @@ const MyComponent = () => {
 
 С их помощью можно в том числе организовать API между бизнес-логикой и визуалом:
 
-```html mark="style=\"--position-x: 35px; --position-y: 54px;\""
+```html mark="style="--position-x: 35px; --position-y: 54px;""
 <div class="ball" style="--position-x: 35px; --position-y: 54px;"></div>
 
 <style>
@@ -274,10 +274,10 @@ const MyComponent = () => {
 
   return (
     <div
-      className="ball"
+      className='ball'
       style={{
-        "--position-x": position[0],
-        "--position-y": position[1],
+        '--position-x': position[0],
+        '--position-y': position[1]
       }}
     />
   );
@@ -308,15 +308,15 @@ const MyComponent = () => {
 </style>
 
 <script>
-  document.addEventListener("scroll", ({ event }) => {
+  document.addEventListener('scroll', ({ event }) => {
     document
-      .getElementById("cube-demo")
-      .style.setAttribute("--scroll-top", event.target.scrollTop.toString());
+      .getElementById('cube-demo')
+      .style.setAttribute('--scroll-top', event.target.scrollTop.toString());
   });
 </script>
 ```
 
-<Demo title="Кручу-верчу...">
+<Demo title='Кручу-верчу...'>
   <Scroll />
 </Demo>
 
@@ -334,15 +334,15 @@ const MyComponent = () => {
 </form>
 
 <script>
-  const demo = document.getElementById("color-picker-demo");
+  const demo = document.getElementById('color-picker-demo');
 
-  demo.addEventListener("input", ({ target }) => {
+  demo.addEventListener('input', ({ target }) => {
     demo.style.setProperty(`--${target.name}`, target.value);
   });
 </script>
 ```
 
-<Demo title="Колорпикер">
+<Demo title='Колорпикер'>
   <ColorPicker />
 </Demo>
 
@@ -354,19 +354,19 @@ const MyComponent = () => {
 </body>
 
 <style>
-  body[data-theme="light"] {
+  body[data-theme='light'] {
     --text-color: back;
     --bg-color: white;
   }
 
-  body[data-theme="dark"] {
+  body[data-theme='dark'] {
     --text-color: white;
     --bg-color: black;
   }
 </style>
 ```
 
-<Demo title="Темизация">
+<Demo title='Темизация'>
   <Theming />
 </Demo>
 
diff --git a/src/content/articles/link-previews.mdx b/src/content/articles/link-previews.mdx
index 5e68786..8324cd8 100644
--- a/src/content/articles/link-previews.mdx
+++ b/src/content/articles/link-previews.mdx
@@ -1,12 +1,12 @@
 ---
-title: "Генерация превью для ссылок: получаем данные"
-description: "В статьях я стараюсь оставлять максимальное количество ссылок на ресурсы, которые помогли мне подробнее ознакомиться с рассматриваемой темой. Мне кажется, не всегда из контекста понятно, какую именно информацию даст та или иная ссылка, поэтому я подумал о добавлении механизма их предпросмотра."
-pubDate: "Apr 10 2023"
-heroImage: "/hacknote-js/images/link-preview/hero.png"
-telegramPostId: "34"
+title: 'Генерация превью для ссылок: получаем данные'
+description: 'В статьях я стараюсь оставлять максимальное количество ссылок на ресурсы, которые помогли мне подробнее ознакомиться с рассматриваемой темой. Мне кажется, не всегда из контекста понятно, какую именно информацию даст та или иная ссылка, поэтому я подумал о добавлении механизма их предпросмотра.'
+pubDate: 'Apr 10 2023'
+heroImage: '/hacknote-js/images/link-preview/hero.png'
+telegramPostId: '34'
 ---
 
-import Aside from "@components/astro/Aside.astro";
+import Aside from '@components/astro/Aside.astro';
 
 В статьях я стараюсь оставлять максимальное количество ссылок на ресурсы, которые помогли мне подробнее ознакомиться с рассматриваемой темой. Мне кажется, не всегда из контекста понятно, какую именно информацию даст та или иная ссылка, поэтому я подумал о добавлении механизма их предпросмотра.
 
@@ -101,7 +101,7 @@ export async function fetchWikipediaLinkPreviewData(
     return {
       title,
       description: extract,
-      image: thumbnail?.source,
+      image: thumbnail?.source
     };
   }
 }
@@ -165,25 +165,25 @@ export const fetchDefaultLinkPreviewData: FetchLinkPreviewData = async (
 
   const parser = new DOMParser();
 
-  const dom = parser.parseFromString(html, "text/html");
+  const dom = parser.parseFromString(html, 'text/html');
 
   const title = dom
     .querySelector('meta[property="og:title"]')
-    ?.getAttribute?.("content");
+    ?.getAttribute?.('content');
 
   const description = dom
     .querySelector('meta[property="og:description"]')
-    ?.getAttribute?.("content");
+    ?.getAttribute?.('content');
 
   const image = dom
     .querySelector('meta[property="og:image"]')
-    ?.getAttribute?.("content");
+    ?.getAttribute?.('content');
 
   if (title && description) {
     return {
       title,
       description,
-      image,
+      image
     };
   }
 };
@@ -246,13 +246,13 @@ export interface HtmlParser {
 Тогда браузерная реализация этого интерфейса будет максимально простой:
 
 ```ts
-import type { HtmlDocumentApi, HtmlParser } from "./HTMLParser";
+import type { HtmlDocumentApi, HtmlParser } from './HTMLParser';
 
 export class BrowserHtmlParser implements HtmlParser {
   private _domParser = new DOMParser();
 
   public parse(html: string): HtmlDocumentApi {
-    return this._domParser.parseFromString(html, "text/html");
+    return this._domParser.parseFromString(html, 'text/html');
   }
 }
 ```
@@ -260,9 +260,9 @@ export class BrowserHtmlParser implements HtmlParser {
 Теперь реализуем парсер на основе cheerio:
 
 ```ts
-import { load as loadHtml } from "cheerio";
+import { load as loadHtml } from 'cheerio';
 
-import type { HtmlDocumentApi, HtmlParser } from "./HTMLParser";
+import type { HtmlDocumentApi, HtmlParser } from './HTMLParser';
 
 export class NodeHtmlParser implements HtmlParser {
   public parse(html: string): HtmlDocumentApi {
@@ -278,9 +278,9 @@ export class NodeHtmlParser implements HtmlParser {
           },
           getText() {
             return element.text();
-          },
+          }
         };
-      },
+      }
     };
   }
 }
@@ -303,14 +303,14 @@ export function fetchDefaultLinkPreviewData(
 
 ```ts
 // В Node.js ведь нет глобальной переменной "document" — верно?
-const isBrowser = typeof document !== "undefined";
+const isBrowser = typeof document !== 'undefined';
 
 // Выбираем, откуда импортировать парсер
 const HtmlParser = isBrowser
-  ? await import("./htmlParser/BrowserHtmlParser").then(
+  ? await import('./htmlParser/BrowserHtmlParser').then(
       ({ BrowserHtmlParser }) => BrowserHtmlParser
     )
-  : await import("./htmlParser/NodeHtmlParser").then(
+  : await import('./htmlParser/NodeHtmlParser').then(
       ({ NodeHtmlParser }) => NodeHtmlParser
     );
 
@@ -345,9 +345,9 @@ export const fetchLinkPreviewData: FetchLinkPreviewData = (href) => {
 ```ts
 export const fetchMockLinkPreviewData: FetchLinkPreviewData = async () => {
   return {
-    title: "Hacknote.js",
-    description: "Lorem ipsum dolor sit amet.",
-    image: "/hacknote-js/images/logo.png",
+    title: 'Hacknote.js',
+    description: 'Lorem ipsum dolor sit amet.',
+    image: '/hacknote-js/images/logo.png'
   };
 };
 ```
@@ -355,13 +355,13 @@ export const fetchMockLinkPreviewData: FetchLinkPreviewData = async () => {
 И в dev-режиме использовать её вместо настоящих:
 
 ```ts
-const isBrowser = typeof document !== "undefined";
+const isBrowser = typeof document !== 'undefined';
 
 const HtmlParser = isBrowser
-  ? await import("./htmlParser/BrowserHtmlParser").then(
+  ? await import('./htmlParser/BrowserHtmlParser').then(
       ({ BrowserHtmlParser }) => BrowserHtmlParser
     )
-  : await import("./htmlParser/NodeHtmlParser").then(
+  : await import('./htmlParser/NodeHtmlParser').then(
       ({ NodeHtmlParser }) => NodeHtmlParser
     );
 
@@ -389,7 +389,7 @@ export const fetchLinkPreviewData: FetchLinkPreviewData = (href) => {
 
 ```astro
 ---
-import { fetchLinkPreviewData } from "@api/linkPreview";
+import { fetchLinkPreviewData } from '@api/linkPreview';
 
 export interface Props {
   href: string;
diff --git a/src/content/articles/race-condition.mdx b/src/content/articles/race-condition.mdx
index 3f021be..d8cc0cd 100644
--- a/src/content/articles/race-condition.mdx
+++ b/src/content/articles/race-condition.mdx
@@ -1,13 +1,13 @@
 ---
-title: "Состояние гонки"
-description: "Асинхронные операции бывают непредсказуемыми, поскольку физически могут выполняться параллельно основному потоку, поэтому очень важно следить за актуальностью данных, которые они нам возвращают."
-pubDate: "Jul 4 2023"
-heroImage: "/hacknote-js/images/race-condition/hero.png"
-telegramPostId: "41"
+title: 'Состояние гонки'
+description: 'Асинхронные операции бывают непредсказуемыми, поскольку физически могут выполняться параллельно основному потоку, поэтому очень важно следить за актуальностью данных, которые они нам возвращают.'
+pubDate: 'Jul 4 2023'
+heroImage: '/hacknote-js/images/race-condition/hero.png'
+telegramPostId: '41'
 ---
 
-import Demo from "@components/astro/Demo.astro";
-import Aside from "@components/astro/Aside.astro";
+import Demo from '@components/astro/Demo.astro';
+import Aside from '@components/astro/Aside.astro';
 import {
   RaceCondition,
   RaceConditionTimeline,
@@ -15,8 +15,8 @@ import {
   RaceConditionFixedTimeline,
   AbortControllerTimeline,
   RequestRace,
-  RepoSearch,
-} from "@articleAssets/race-condition";
+  RepoSearch
+} from '@articleAssets/race-condition';
 
 При разработке пользовательских интерфейсов мы часто сталкиваемся с обработкой каких-либо асинхронных операций. Зачастую в качестве таких операций выступают сетевые запросы. Сеть зависит от множества разных вещей, что делает её весьма непредсказуемой. Предлагаю рассмотреть на примерах, что я имею в виду.
 
@@ -25,12 +25,12 @@ import {
 Устроим гонки покемонов: выставим на дуэль Пикачу и... ещё одного Пикачу! Почему бы и нет?
 
 ```ts
-fetch("https://pokeapi.co/api/v2/pokemon/pikachu").then(() => {
-  console.log("1");
+fetch('https://pokeapi.co/api/v2/pokemon/pikachu').then(() => {
+  console.log('1');
 });
 
-fetch("https://pokeapi.co/api/v2/pokemon/pikachu").then(() => {
-  console.log("2");
+fetch('https://pokeapi.co/api/v2/pokemon/pikachu').then(() => {
+  console.log('2');
 });
 ```
 
@@ -76,7 +76,7 @@ export async function fetchData(text: string): Promise<string> {
 
 Пример может показаться довольно бессмысленным, но зато он максимально наглядно проиллюстрирует проблему:
 
-<Demo title="Проблемный поиск (демо)">
+<Demo title='Проблемный поиск (демо)'>
   <RaceCondition client:visible />
 </Demo>
 
@@ -84,7 +84,7 @@ export async function fetchData(text: string): Promise<string> {
 
 Скорее всего вы уже догадались, в чём дело, но чтобы точно понять, с чем мы имеем дело, предлагаю рассмотреть последовательность происходящих событий на диаграмме:
 
-<Demo title="Проблемный поиск (диаграмма)">
+<Demo title='Проблемный поиск (диаграмма)'>
   <RaceConditionTimeline client:visible />
 </Demo>
 
@@ -116,13 +116,13 @@ useEffect(() => {
 
 Таким образом проблема действительно будет решена и приложение будет работать более предсказуемо в непредсказуемых условиях:
 
-<Demo title="Состояние гонки исправлено (демо)">
+<Demo title='Состояние гонки исправлено (демо)'>
   <RaceConditionFixed client:visible />
 </Demo>
 
 Посмотрим, что изменилось на диаграмме:
 
-<Demo title="Состояние гонки исправлено (диаграмма)">
+<Demo title='Состояние гонки исправлено (диаграмма)'>
   <RaceConditionFixedTimeline client:visible />
 </Demo>
 
@@ -160,7 +160,7 @@ useEffect(() => {
 
   fetch(`${apiUrl}?q=${searchString}`, {
     // Передаём источник события отмены
-    signal: abortController.signal,
+    signal: abortController.signal
   }).then((data) => {
     setData(data);
   });
@@ -173,7 +173,7 @@ useEffect(() => {
 
 Внутри браузер подпишется на событие `abort` у сигнала и прервёт запрос, когда событие произойдёт:
 
-<Demo title="Отмена запроса (диаграмма)">
+<Demo title='Отмена запроса (диаграмма)'>
   <AbortControllerTimeline client:visible />
 </Demo>
 
diff --git a/src/content/config.ts b/src/content/config.ts
index 39d5905..7fc120c 100644
--- a/src/content/config.ts
+++ b/src/content/config.ts
@@ -1,27 +1,27 @@
-import { defineCollection, z } from "astro:content";
+import { defineCollection, z } from 'astro:content';
 
 const PublicationSchema = z.object({
   title: z.string(),
   pubDate: z
     .string()
     .or(z.date())
-    .transform((val) => new Date(val)),
+    .transform((value) => new Date(value)),
   heroImage: z.string(),
-  telegramPostId: z.string().optional(),
+  telegramPostId: z.string().optional()
 });
 
 const articles = defineCollection({
   schema: PublicationSchema.extend({
-    description: z.string(),
-  }),
+    description: z.string()
+  })
 });
 
 const videos = defineCollection({
   schema: PublicationSchema.extend({
     description: z.string(),
     url: z.string().url(),
-    watchTime: z.string(),
-  }),
+    watchTime: z.string()
+  })
 });
 
 export const collections = { articles, videos };
diff --git a/src/content/videos/how-we-migrated-from-cra.mdx b/src/content/videos/how-we-migrated-from-cra.mdx
index b847608..aa86c52 100644
--- a/src/content/videos/how-we-migrated-from-cra.mdx
+++ b/src/content/videos/how-we-migrated-from-cra.mdx
@@ -5,7 +5,7 @@ pubDate: Jun 08 2024
 description: Долгое время путь большинства React-разработчиков начинался с Create React App, который позволяет довольно быстро создать новый проект и начать реализовывать бизнес-логику, не тратя время на раздумья об инфраструктуре и конфигурацию Webpack. Сейчас в моду вошли метаинструменты вроде Vite с более дружелюбным API, чем у Webpack, позволяющие начинать разработку так же быстро, как с CRA, но менее гибкие, чем Webpack. В докладе расскажу, как мы внутри Газпромбанка постарались соблюсти баланс между гибкостью и простотой, реализовав свой инструмент на замену CRA.
 watchTime: 45 мин.
 heroImage: https://i.ytimg.com/vi/pj5-lhoEI-4/maxresdefault.jpg
-telegramPostId: "48"
+telegramPostId: '48'
 ---
 
 <div data-pagefind-ignore>
@@ -22,4 +22,4 @@ telegramPostId: "48"
 - [Rspack](https://www.rspack.dev)
 - [Rsbuild](https://rsbuild.dev)
 - [Modern.js](https://modernjs.dev/en)
-</div>
\ No newline at end of file
+</div>
diff --git a/src/content/videos/mindful-innersource.mdx b/src/content/videos/mindful-innersource.mdx
index 5f60ea6..4042d07 100644
--- a/src/content/videos/mindful-innersource.mdx
+++ b/src/content/videos/mindful-innersource.mdx
@@ -5,7 +5,7 @@ pubDate: Jun 17 2023
 description: В каждой более-менее крупной IT-компании существует своя культура кода, видение и стайлгайды. Всё это в долгосрочной перспективе можно формализовать в виде внутренних NPM-пакетов, чтобы ускорить старт новых проектов и упростить поддержку существующих. Но если с недостаточной ответственностью отнестись к DX, то общий пакет может создать дополнительные проблемы и ещё сильнее усложнить жизнь коллегам выяснением, почему же именно в их проекте всё сломалось. Чтобы не наступать на грабли, можно обратиться к опенсорс-проектам и позаимствовать инфраструктурные решения у них.
 watchTime: 45 мин.
 heroImage: https://i.ytimg.com/vi/5gPZ_nfMATg/maxresdefault.jpg
-telegramPostId: "39"
+telegramPostId: '39'
 ---
 
 <div data-pagefind-ignore>
@@ -25,4 +25,4 @@ telegramPostId: "39"
 - [ComonJS vs ESM](https://telegra.ph/CommonJS-vs-ESM-12-22)
 - [Dual Package Hazard](https://nodejs.org/api/packages.html#dual-package-hazard)
 - [Валидация package.json](https://publint.dev/)
-</div>
\ No newline at end of file
+</div>
diff --git a/src/content/videos/monorepo.mdx b/src/content/videos/monorepo.mdx
index fbd83b5..ba63d09 100644
--- a/src/content/videos/monorepo.mdx
+++ b/src/content/videos/monorepo.mdx
@@ -16,4 +16,4 @@ heroImage: https://i.ytimg.com/vi/5S39GBeT4Z8/maxresdefault.jpg
 - [Rush](https://rushjs.io)
 - [NX](https://nx.dev)
 - [Rush vs NX](https://elliott.dev/posts/rush-vs-nx)
-</div>
\ No newline at end of file
+</div>
diff --git a/src/content/videos/motion-design.mdx b/src/content/videos/motion-design.mdx
index a8847a0..b8c5f58 100644
--- a/src/content/videos/motion-design.mdx
+++ b/src/content/videos/motion-design.mdx
@@ -5,7 +5,7 @@ pubDate: Oct 2 2023
 description: Когда мы говорим об анимациях в вебе, на ум сразу приходят CSS-анимации — это достаточно простой и эффективный инструмент. Но если мы хотим сделать действительно сложную и красивую анимацию, нам могут понадобиться более мощные инструменты для motion-дизайна вроде After Effects. В докладе рассмотрим, как фронтенд-разработчику разобраться в этих инструментах и как подружить их с веб-технологиями.
 watchTime: 45 мин.
 heroImage: https://i.ytimg.com/vi/IfhNItY_AEA/maxresdefault.jpg
-telegramPostId: "42"
+telegramPostId: '42'
 ---
 
 <div data-pagefind-ignore>
@@ -22,4 +22,4 @@ telegramPostId: "42"
 - [Rive](https://rive.app)
 - [Конечный автомат](https://ru.wikipedia.org/wiki/Конечный_автомат)
 - [Chrome DevTools Animations](https://developer.chrome.com/docs/devtools/css/animations?hl=ru)
-</div>
\ No newline at end of file
+</div>
diff --git a/src/env.d.ts b/src/env.d.ts
index fe2b1f0..cbd533b 100644
--- a/src/env.d.ts
+++ b/src/env.d.ts
@@ -1,7 +1,7 @@
 /// <reference path="../.astro/types.d.ts" />
 /// <reference types="astro/client" />
 
-declare module "csstype" {
+declare module 'csstype' {
   interface Properties {
     /**
      * CSS Custom Properties
diff --git a/src/layouts/DefaultPage.astro b/src/layouts/DefaultPage.astro
index d186afa..8eb8500 100644
--- a/src/layouts/DefaultPage.astro
+++ b/src/layouts/DefaultPage.astro
@@ -1,15 +1,15 @@
 ---
-import Head, { type Props as HeadProps } from "@components/astro/Head.astro";
-import Footer from "@components/astro/Footer.astro";
-import Header from "@components/astro/Header.astro";
-import WebComponentsDefinitions from "@components/web-components/index.astro";
+import Head, { type Props as HeadProps } from '@components/astro/Head.astro';
+import Footer from '@components/astro/Footer.astro';
+import Header from '@components/astro/Header.astro';
+import WebComponentsDefinitions from '@components/web-components/index.astro';
 
 type Props = HeadProps;
 
 const { title, description, image, type } = Astro.props;
 ---
 
-<html lang="ru">
+<html lang='ru'>
   <Head title={title} description={description} image={image} type={type} />
 
   <style>
@@ -37,7 +37,7 @@ const { title, description, image, type } = Astro.props;
   <body>
     <WebComponentsDefinitions />
 
-    <Header class="header" />
+    <Header class='header' />
 
     <main>
       <slot />
diff --git a/src/layouts/PublicationPage.astro b/src/layouts/PublicationPage.astro
index 21345c1..b5c363d 100644
--- a/src/layouts/PublicationPage.astro
+++ b/src/layouts/PublicationPage.astro
@@ -1,11 +1,11 @@
 ---
-import H1 from "@components/astro/H1.astro";
-import FormattedDate from "@components/astro/FormattedDate.astro";
-import FormattedDuration from "@components/astro/FormattedDuration.astro";
-import DefaultPage from "./DefaultPage.astro";
-import TelegramComments from "@components/astro/TelegramComments.astro";
+import H1 from '@components/astro/H1.astro';
+import FormattedDate from '@components/astro/FormattedDate.astro';
+import FormattedDuration from '@components/astro/FormattedDuration.astro';
+import DefaultPage from './DefaultPage.astro';
+import TelegramComments from '@components/astro/TelegramComments.astro';
 
-interface Props  {
+interface Props {
   id: string;
   title: string;
   pubDate: Date;
@@ -13,9 +13,10 @@ interface Props  {
   heroImage: string;
   description: string;
   telegramPostId?: string;
-};
+}
 
-const { title, description, pubDate, id, duration, heroImage, telegramPostId } = Astro.props;
+const { title, description, pubDate, id, duration, heroImage, telegramPostId } =
+  Astro.props;
 ---
 
 <style>
@@ -55,15 +56,15 @@ const { title, description, pubDate, id, duration, heroImage, telegramPostId } =
 </style>
 
 <DefaultPage
-    title={title}
-    description={description}
-    image={heroImage}
-    type="article"
+  title={title}
+  description={description}
+  image={heroImage}
+  type='article'
 >
   <article transition:name={id} data-pagefind-body>
     <H1>{title}</H1>
 
-    <div class="tags">
+    <div class='tags'>
       <FormattedDate date={pubDate} />
 
       <FormattedDuration duration={duration} />
diff --git a/src/pages/articles/[...slug].astro b/src/pages/articles/[...slug].astro
index 3203f0a..0ed2f9d 100644
--- a/src/pages/articles/[...slug].astro
+++ b/src/pages/articles/[...slug].astro
@@ -1,29 +1,29 @@
 ---
-import { type CollectionEntry, getCollection } from "astro:content";
+import { type CollectionEntry, getCollection } from 'astro:content';
 
-import A from "@components/astro/PreviewableLink.astro";
-import Code from "@components/astro/Code.astro";
-import Img from "@components/astro/Img.astro";
-import Pre from "@components/astro/Pre.astro";
-import H1 from "@components/astro/H1.astro";
-import H2 from "@components/astro/H2.astro";
-import H3 from "@components/astro/H3.astro";
-import P from "@components/astro/P.astro";
-import Blockquote from "@components/astro/Blockquote.astro";
-import Table from "@components/astro/Table.astro";
-import Tr from "@components/astro/Tr.astro";
-import Th from "@components/astro/Th.astro";
-import Td from "@components/astro/Td.astro";
-import PublicationPage from "@layouts/PublicationPage.astro";
+import A from '@components/astro/PreviewableLink.astro';
+import Code from '@components/astro/Code.astro';
+import Img from '@components/astro/Img.astro';
+import Pre from '@components/astro/Pre.astro';
+import H1 from '@components/astro/H1.astro';
+import H2 from '@components/astro/H2.astro';
+import H3 from '@components/astro/H3.astro';
+import P from '@components/astro/P.astro';
+import Blockquote from '@components/astro/Blockquote.astro';
+import Table from '@components/astro/Table.astro';
+import Tr from '@components/astro/Tr.astro';
+import Th from '@components/astro/Th.astro';
+import Td from '@components/astro/Td.astro';
+import PublicationPage from '@layouts/PublicationPage.astro';
 
 export async function getStaticPaths() {
-  const articles = await getCollection("articles");
+  const articles = await getCollection('articles');
   return articles.map((article) => ({
     params: { slug: article.slug },
-    props: article,
+    props: article
   }));
 }
-type Props = CollectionEntry<"articles">;
+type Props = CollectionEntry<'articles'>;
 
 const article = Astro.props;
 
@@ -55,11 +55,11 @@ const { Content, remarkPluginFrontmatter } = await article.render();
   <figure>
     <img
       src={heroImage}
-      width="288"
-      height="240"
+      width='288'
+      height='240'
       alt={title}
       transition:name={`${article.id}__image`}
-      data-pagefind-meta="image[src]"
+      data-pagefind-meta='image[src]'
     />
   </figure>
 
@@ -77,7 +77,7 @@ const { Content, remarkPluginFrontmatter } = await article.render();
       tr: Tr,
       th: Th,
       td: Td,
-      blockquote: Blockquote,
+      blockquote: Blockquote
     }}
   />
 </PublicationPage>
diff --git a/src/pages/articles/index.astro b/src/pages/articles/index.astro
index 746fd36..1870730 100644
--- a/src/pages/articles/index.astro
+++ b/src/pages/articles/index.astro
@@ -1,12 +1,12 @@
 ---
-import { getCollection } from "astro:content";
+import { getCollection } from 'astro:content';
 
-import DefaultPage from "@layouts/DefaultPage.astro";
-import ArticleCard from "@components/astro/ArticleCard.astro";
+import DefaultPage from '@layouts/DefaultPage.astro';
+import ArticleCard from '@components/astro/ArticleCard.astro';
 
-const articles = (await getCollection("articles")).sort(
-  (a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf()
-);
+const articles = await getCollection('articles');
+
+articles.sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf());
 ---
 
 <style>
@@ -22,7 +22,7 @@ const articles = (await getCollection("articles")).sort(
     flex-direction: column;
     gap: 24px;
   }
-  
+
   section {
     display: flex;
     flex-direction: column;
diff --git a/src/pages/index.astro b/src/pages/index.astro
index c99116f..72db3ab 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,14 +1,17 @@
 ---
-import { getCollection } from "astro:content";
+import { getCollection } from 'astro:content';
 
-import DefaultPage from "@layouts/DefaultPage.astro";
-import BaseLink from "@components/astro/BaseLink.astro";
-import ArticleCard from "@components/astro/ArticleCard.astro";
-import P from "@components/astro/P.astro";
-import H2 from "@components/astro/H2.astro";
-import VideoCard from "@components/astro/VideoCard.astro";
+import DefaultPage from '@layouts/DefaultPage.astro';
+import BaseLink from '@components/astro/BaseLink.astro';
+import ArticleCard from '@components/astro/ArticleCard.astro';
+import P from '@components/astro/P.astro';
+import H2 from '@components/astro/H2.astro';
+import VideoCard from '@components/astro/VideoCard.astro';
 
-const [articles, videos] = await Promise.all([getCollection("articles"), getCollection("videos")]);
+const [articles, videos] = await Promise.all([
+  getCollection('articles'),
+  getCollection('videos')
+]);
 
 const latestPublication = [...articles, ...videos].sort(
   (a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf()
@@ -17,24 +20,26 @@ const latestPublication = [...articles, ...videos].sort(
 
 <DefaultPage>
   <figure>
-    <img src="/hacknote-js/images/logo.svg" />
+    <img src='/hacknote-js/images/logo.svg' />
   </figure>
 
-  <P class="description">
+  <P class='description'>
     Блог Telegram-канала
-    <BaseLink href="https://t.me/hacknote_js">Hacknote.js</BaseLink>.
+    <BaseLink href='https://t.me/hacknote_js'>Hacknote.js</BaseLink>.
   </P>
 
-  <H2 class="header">Последняя публикация</H2>
+  <H2 class='header'>Последняя публикация</H2>
 
   {
-    "url" in latestPublication.data ? 
+    'url' in latestPublication.data ? (
       <a href={`/hacknote-js/videos/${latestPublication.slug}`}>
         <VideoCard {...latestPublication.data} id={latestPublication.id} />
-      </a> :
+      </a>
+    ) : (
       <a href={`/hacknote-js/articles/${latestPublication.slug}`}>
         <ArticleCard {...latestPublication.data} id={latestPublication.id} />
       </a>
+    )
   }
 </DefaultPage>
 
diff --git a/src/pages/rss.xml.js b/src/pages/rss.xml.js
index 01be623..abdf36e 100644
--- a/src/pages/rss.xml.js
+++ b/src/pages/rss.xml.js
@@ -1,16 +1,17 @@
-import rss from "@astrojs/rss";
-import { getCollection } from "astro:content";
-import { SITE_TITLE, SITE_DESCRIPTION } from "../consts";
+import rss from '@astrojs/rss';
+import { getCollection } from 'astro:content';
+
+import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
 
 export async function GET(context) {
-  const posts = await getCollection("articles");
+  const posts = await getCollection('articles');
   return rss({
     title: SITE_TITLE,
     description: SITE_DESCRIPTION,
     site: context.site,
     items: posts.map((post) => ({
       ...post.data,
-      link: `/hacknote-js/articles/${post.slug}/`,
-    })),
+      link: `/hacknote-js/articles/${post.slug}/`
+    }))
   });
 }
diff --git a/src/pages/videos/[...slug].astro b/src/pages/videos/[...slug].astro
index 6917c6d..5ee0344 100644
--- a/src/pages/videos/[...slug].astro
+++ b/src/pages/videos/[...slug].astro
@@ -1,36 +1,44 @@
 ---
-import { type CollectionEntry, getCollection } from "astro:content";
-import { YouTube } from "@astro-community/astro-embed-youtube";
+import { type CollectionEntry, getCollection } from 'astro:content';
+import { YouTube } from '@astro-community/astro-embed-youtube';
 
-import A from "@components/astro/PreviewableLink.astro";
-import Code from "@components/astro/Code.astro";
-import Img from "@components/astro/Img.astro";
-import Pre from "@components/astro/Pre.astro";
-import H1 from "@components/astro/H1.astro";
-import H2 from "@components/astro/H2.astro";
-import H3 from "@components/astro/H3.astro";
-import P from "@components/astro/P.astro";
-import Blockquote from "@components/astro/Blockquote.astro";
-import Table from "@components/astro/Table.astro";
-import Tr from "@components/astro/Tr.astro";
-import Th from "@components/astro/Th.astro";
-import Td from "@components/astro/Td.astro";
-import PublicationPage from "@layouts/PublicationPage.astro";
+import A from '@components/astro/PreviewableLink.astro';
+import Code from '@components/astro/Code.astro';
+import Img from '@components/astro/Img.astro';
+import Pre from '@components/astro/Pre.astro';
+import H1 from '@components/astro/H1.astro';
+import H2 from '@components/astro/H2.astro';
+import H3 from '@components/astro/H3.astro';
+import P from '@components/astro/P.astro';
+import Blockquote from '@components/astro/Blockquote.astro';
+import Table from '@components/astro/Table.astro';
+import Tr from '@components/astro/Tr.astro';
+import Th from '@components/astro/Th.astro';
+import Td from '@components/astro/Td.astro';
+import PublicationPage from '@layouts/PublicationPage.astro';
 
 export async function getStaticPaths() {
-  const videos = await getCollection("videos");
+  const videos = await getCollection('videos');
 
   return videos.map((video) => ({
     params: { slug: video.slug },
-    props: video,
+    props: video
   }));
 }
 
-type Props = CollectionEntry<"videos">;
+type Props = CollectionEntry<'videos'>;
 
 const video = Astro.props;
 
-const { telegramPostId, pubDate, watchTime, title, description,heroImage, url } = video.data;
+const {
+  telegramPostId,
+  pubDate,
+  watchTime,
+  title,
+  description,
+  heroImage,
+  url
+} = video.data;
 
 const { Content } = await video.render();
 ---
@@ -53,31 +61,30 @@ const { Content } = await video.render();
   pubDate={pubDate}
   telegramPostId={telegramPostId}
 >
-    <YouTube
-      id={url}
-      class="video"
-      transition:name={`${video.id}__image`}
-      data-pagefind-meta={`image:${heroImage}`}
-    />
+  <YouTube
+    id={url}
+    class='video'
+    transition:name={`${video.id}__image`}
+    data-pagefind-meta={`image:${heroImage}`}
+  />
 
-    <P>{description}</P>
+  <P>{description}</P>
 
-    <Content
-      components={{
-        a: A,
-        code: Code,
-        img: Img,
-        pre: Pre,
-        h1: H1,
-        h2: H2,
-        h3: H3,
-        p: P,
-        table: Table,
-        tr: Tr,
-        th: Th,
-        td: Td,
-        blockquote: Blockquote,
-      }}
+  <Content
+    components={{
+      a: A,
+      code: Code,
+      img: Img,
+      pre: Pre,
+      h1: H1,
+      h2: H2,
+      h3: H3,
+      p: P,
+      table: Table,
+      tr: Tr,
+      th: Th,
+      td: Td,
+      blockquote: Blockquote
+    }}
   />
 </PublicationPage>
-
diff --git a/src/pages/videos/index.astro b/src/pages/videos/index.astro
index b69e20d..1bba402 100644
--- a/src/pages/videos/index.astro
+++ b/src/pages/videos/index.astro
@@ -1,10 +1,10 @@
 ---
-import { getCollection } from "astro:content";
+import { getCollection } from 'astro:content';
 
-import DefaultPage from "@layouts/DefaultPage.astro";
-import VideoCard from "@components/astro/VideoCard.astro";
+import DefaultPage from '@layouts/DefaultPage.astro';
+import VideoCard from '@components/astro/VideoCard.astro';
 
-const videos = (await getCollection("videos")).sort(
+const videos = (await getCollection('videos')).sort(
   (a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf()
 );
 ---
diff --git a/src/utils/animation/FrameAnimation.ts b/src/utils/animation/FrameAnimation.ts
index f7d4a6b..00e6405 100644
--- a/src/utils/animation/FrameAnimation.ts
+++ b/src/utils/animation/FrameAnimation.ts
@@ -7,31 +7,34 @@ interface FrameContext {
 type OnAnimationFrame = (context: FrameContext) => void;
 
 export class FrameAnimation {
-  public constructor(private _onAnimationFrame: OnAnimationFrame) {}
-
   private _startTime: number | undefined = undefined;
 
   private _lastAnimationFrameId: number | undefined = undefined;
 
+  private _onAnimationFrame: OnAnimationFrame;
+
+  public constructor(onAnimationFrame: OnAnimationFrame) {
+    this._onAnimationFrame = onAnimationFrame;
+  }
+
   public start(): void {
     if (this._startTime) {
-      console.warn("Cannot start started animation");
       return;
     }
 
     const startTime = performance.now();
     this._startTime = startTime;
 
-    let prevTime = startTime;
+    let previousTime = startTime;
 
-    const onFrame = (time: DOMHighResTimeStamp) => {
-      const timeDelta = time - prevTime;
-      prevTime = time;
+    const onFrame = (time: DOMHighResTimeStamp): void => {
+      const timeDelta = time - previousTime;
+      previousTime = time;
 
       this._onAnimationFrame({
         startTime,
         timeDelta,
-        currentTime: time,
+        currentTime: time
       });
 
       this._lastAnimationFrameId = requestAnimationFrame(onFrame);
@@ -40,7 +43,7 @@ export class FrameAnimation {
     onFrame(startTime);
   }
 
-  public stop() {
+  public stop(): void {
     if (this._lastAnimationFrameId) {
       cancelAnimationFrame(this._lastAnimationFrameId);
     }
diff --git a/src/utils/animation/index.ts b/src/utils/animation/index.ts
index 206c274..c11c808 100644
--- a/src/utils/animation/index.ts
+++ b/src/utils/animation/index.ts
@@ -1 +1 @@
-export * from "./FrameAnimation";
+export * from './FrameAnimation';
diff --git a/src/utils/array/index.ts b/src/utils/array/index.ts
deleted file mode 100644
index 6f36baa..0000000
--- a/src/utils/array/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./mapArrayOrSingle";
diff --git a/src/utils/array/mapArrayOrSingle.ts b/src/utils/array/mapArrayOrSingle.ts
deleted file mode 100644
index 2e21eaa..0000000
--- a/src/utils/array/mapArrayOrSingle.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export type ArrayOrSingle<T> = T | Array<T>;
-
-export function mapArrayOrSingle<S, T>(
-  arrayOrSingle: ArrayOrSingle<S>,
-  callback: (item: S) => T
-): T[] {
-  return Array.isArray(arrayOrSingle)
-    ? arrayOrSingle.map(callback)
-    : [callback(arrayOrSingle)];
-}
diff --git a/src/utils/demo/autofill.ts b/src/utils/demo/autofill.ts
index 981af02..1de1af6 100644
--- a/src/utils/demo/autofill.ts
+++ b/src/utils/demo/autofill.ts
@@ -1,5 +1,6 @@
-import { getRandomNumber } from "@utils/number";
-import { sleep } from "./sleep";
+import { getRandomNumber } from '@utils/number';
+
+import { sleep } from './sleep';
 
 export interface AutofillOptions {
   text: string;
@@ -8,12 +9,12 @@ export interface AutofillOptions {
 }
 
 export async function autofill(options: AutofillOptions): Promise<void> {
-  let currentText = "";
+  let currentText = '';
   for (const char of options.text) {
     await sleep(getRandomNumber(50, 100));
 
     if (options.signal?.aborted) {
-      throw new Error("Autofill aborted");
+      throw new Error('Autofill aborted');
     }
 
     currentText += char;
diff --git a/src/utils/demo/index.ts b/src/utils/demo/index.ts
index 6f62ca6..980f6db 100644
--- a/src/utils/demo/index.ts
+++ b/src/utils/demo/index.ts
@@ -1,3 +1,3 @@
-export * from "./autofill";
+export * from './autofill';
 
-export * from "./sleep";
+export * from './sleep';
diff --git a/src/utils/number/index.ts b/src/utils/number/index.ts
index a3ddf10..fbbc3f9 100644
--- a/src/utils/number/index.ts
+++ b/src/utils/number/index.ts
@@ -1,3 +1,3 @@
-export * from "./getRandomNumber";
-export * from "./clamp";
-export * from "./formatTime";
+export * from './getRandomNumber';
+export * from './clamp';
+export * from './formatTime';
diff --git a/src/utils/pagefind/importPagefind.ts b/src/utils/pagefind/importPagefind.ts
index e3ffc31..3f7056a 100644
--- a/src/utils/pagefind/importPagefind.ts
+++ b/src/utils/pagefind/importPagefind.ts
@@ -1,6 +1,6 @@
-import type { Pagefind } from "./types";
+import type { Pagefind } from './types';
 
-const PAGEFIND_URL = "/hacknote-js/pagefind/pagefind.js";
+const PAGEFIND_URL = '/hacknote-js/pagefind/pagefind.js';
 
 export function importPagefind(): Promise<Pagefind> {
   return import(
diff --git a/src/utils/pagefind/index.ts b/src/utils/pagefind/index.ts
index 0d8d6ce..f979699 100644
--- a/src/utils/pagefind/index.ts
+++ b/src/utils/pagefind/index.ts
@@ -1,3 +1,3 @@
-export * from "./importPagefind";
+export * from './importPagefind';
 
-export * from "./types";
+export * from './types';
diff --git a/src/utils/pagefind/types.ts b/src/utils/pagefind/types.ts
index a382b6b..4c10ed1 100644
--- a/src/utils/pagefind/types.ts
+++ b/src/utils/pagefind/types.ts
@@ -1,7 +1,7 @@
 // Типы скопированы из https://github.com/CloudCannon/pagefind/blob/main/pagefind_web_js/types/index.d.ts
 
 /** Global index options that can be passed to pagefind.options() */
-export type PagefindIndexOptions = {
+export interface PagefindIndexOptions {
   /** Overrides the URL path that Pagefind uses to load its search bundle */
   basePath?: string;
   /** Appends the given baseURL to all search results. May be a path, or a full domain */
@@ -19,7 +19,7 @@ export type PagefindIndexOptions = {
    *
    * Only applies in multisite setups.
    */
-  mergeFilter?: Object;
+  mergeFilter?: object;
   /**
    * If set, will ass the search term as a query parameter under this key, for use with Pagefind's highlighting script.
    */
@@ -35,29 +35,29 @@ export type PagefindIndexOptions = {
    * Provides the ability to fine tune Pagefind's ranking algorithm to better suit your dataset.
    */
   ranking?: PagefindRankingWeights;
-};
+}
 
-export type PagefindRankingWeights = {
+export interface PagefindRankingWeights {
   /**
    * Controls page ranking based on similarity of terms to the search query (in length).
    * Increasing this number means pages rank higher when they contain words very close to the query,
    * e.g. if searching for `part` then `party` will boost a page higher than one containing `partition`.
    * Minimum value is 0.0, where `party` and `partition` would be viewed equally.
    */
-  termSimilarity?: Number;
+  termSimilarity?: number;
   /**
    * Controls how much effect the average page length has on ranking.
    * Maximum value is 1.0, where ranking will strongly favour pages that are shorter than the average page on the site.
    * Minimum value is 0.0, where ranking will exclusively look at term frequency, regardless of how long a document is.
    */
-  pageLength?: Number;
+  pageLength?: number;
   /**
    * Controls how quickly a term saturates on the page and reduces impact on the ranking.
    * Maximum value is 2.0, where pages will take a long time to saturate, and pages with very high term frequencies will take over.
    * As this number trends to 0, it does not take many terms to saturate and allow other paramaters to influence the ranking.
    * Minimum value is 0.0, where terms will saturate immediately and results will not distinguish between one term and many.
    */
-  termSaturation?: Number;
+  termSaturation?: number;
   /**
    * Controls how much ranking uses term frequency versus raw term count.
    * Maximum value is 1.0, where term frequency fully applies and is the main ranking factor.
@@ -65,26 +65,26 @@ export type PagefindRankingWeights = {
    * Values between 0.0 and 1.0 will interpolate between the two ranking methods.
    * Reducing this number is a good way to boost longer documents in your search results, as they no longer get penalized for having a low term frequency.
    */
-  termFrequency?: Number;
-};
+  termFrequency?: number;
+}
 
 /** Options that can be passed to pagefind.search() */
-export type PagefindSearchOptions = {
+export interface PagefindSearchOptions {
   /** If set, this call will load all assets but return before searching. Prefer using pagefind.preload() instead */
   preload?: boolean;
   /** Add more verbose console logging for this search query */
   verbose?: boolean;
   /** The set of filters to execute with this search. Input type is extremely flexible, see the filtering docs for details */
-  filters?: Object;
+  filters?: object;
   /** The set of sorts to use for this search, instead of relevancy */
-  sort?: Object;
-};
+  sort?: object;
+}
 
 /** Filter counts returned from pagefind.filters(), and alongside results from pagefind.search() */
 export type PagefindFilterCounts = Record<string, Record<string, number>>;
 
 /** The main results object returned from a call to pagefind.search() */
-export type PagefindSearchResults = {
+export interface PagefindSearchResults {
   /** All pages that match the search query and filters provided */
   results: PagefindSearchResult[];
   /** How many results would there have been if you had omitted the filters */
@@ -99,10 +99,10 @@ export type PagefindSearchResults = {
     search: number;
     total: number;
   };
-};
+}
 
 /** A single result from a search query, before actual data has been loaded */
-export type PagefindSearchResult = {
+export interface PagefindSearchResult {
   /** Pagefind's internal ID for this page, unique across the site */
   id: string;
   /** Pagefind's internal score for your query matching this page, that is used when ranking these results */
@@ -116,10 +116,10 @@ export type PagefindSearchResult = {
    * (e.g. one page as a time, or in a scroll listener)
    * */
   data: () => Promise<PagefindSearchFragment>;
-};
+}
 
 /** The useful data Pagefind provides for a search result */
-export type PagefindSearchFragment = {
+export interface PagefindSearchFragment {
   /** Pagefind's processed URL for this page. Will include the baseUrl if configured */
   url: string;
   /** Pagefind's unprocessed URL for this page */
@@ -156,10 +156,10 @@ export type PagefindSearchFragment = {
    * implement your own sub result calculations with different semantics.
    */
   anchors: PagefindSearchAnchor[];
-};
+}
 
 /** Data for a matched section within a page */
-export type PagefindSubResult = {
+export interface PagefindSubResult {
   /**
    * Title of this sub result — derived from the heading content.
    *
@@ -190,10 +190,10 @@ export type PagefindSubResult = {
    * before the first heading that had an ID.
    */
   anchor?: PagefindSearchAnchor;
-};
+}
 
 /** Information about a matching word on a page */
-export type PagefindWordLocation = {
+export interface PagefindWordLocation {
   /** The weight that this word was originally tagged as */
   weight: number;
   /**
@@ -210,10 +210,10 @@ export type PagefindWordLocation = {
    * will yield the correct word.
    */
   location: number;
-};
+}
 
 /** Raw data about elements with IDs that Pagefind encountered when indexing the page */
-export type PagefindSearchAnchor = {
+export interface PagefindSearchAnchor {
   /** What element type was this anchor? e.g. `h1`, `div` */
   element: string;
   /** The raw id="..." attribute contents of the element */
@@ -232,7 +232,7 @@ export type PagefindSearchAnchor = {
    * will yield the first word indexed after this element's ID was found.
    */
   location: number;
-};
+}
 
 export interface Pagefind {
   search(
diff --git a/src/utils/query/index.ts b/src/utils/query/index.ts
index 5543c07..5dd81d2 100644
--- a/src/utils/query/index.ts
+++ b/src/utils/query/index.ts
@@ -1 +1 @@
-export * from "./queryClient";
+export * from './queryClient';
diff --git a/src/utils/query/queryClient.ts b/src/utils/query/queryClient.ts
index 6c7b9de..6d46de5 100644
--- a/src/utils/query/queryClient.ts
+++ b/src/utils/query/queryClient.ts
@@ -1,3 +1,3 @@
-import { QueryClient } from "@tanstack/react-query";
+import { QueryClient } from '@tanstack/react-query';
 
 export const queryClient = new QueryClient();
diff --git a/src/utils/react/createContextWithSetter.tsx b/src/utils/react/createContextWithSetter.tsx
index 12b9834..b997d13 100644
--- a/src/utils/react/createContextWithSetter.tsx
+++ b/src/utils/react/createContextWithSetter.tsx
@@ -1,4 +1,4 @@
-import { createContext, type FC, type ReactNode, useContext } from "react";
+import { createContext, type FC, type ReactNode, useContext } from 'react';
 
 export interface ContextWithSetter<T> {
   Provider: FC<ContextWithSetterProviderProps<T>>;
@@ -7,7 +7,7 @@ export interface ContextWithSetter<T> {
   useSetter: () => (value: T) => void;
 }
 
-const None = Symbol("None");
+const None = Symbol('None');
 
 export interface ContextWithSetterProviderProps<T> {
   value: T;
@@ -21,7 +21,7 @@ export function createContextWithSetter<T>(
   const ValueContext = createContext<T | typeof None>(None);
   const SetterContext = createContext<((value: T) => void) | typeof None>(None);
 
-  const useValue = () => {
+  const useValue: ContextWithSetter<T>['useValue'] = () => {
     const value = useContext(ValueContext);
 
     if (value === None) {
@@ -31,7 +31,7 @@ export function createContextWithSetter<T>(
     return value;
   };
 
-  const useSetter = () => {
+  const useSetter: ContextWithSetter<T>['useSetter'] = () => {
     const setter = useContext(SetterContext);
 
     if (setter === None) {
@@ -45,7 +45,7 @@ export function createContextWithSetter<T>(
     Provider: ({
       value,
       onValueChange,
-      children,
+      children
     }: ContextWithSetterProviderProps<T>) => {
       return (
         <ValueContext.Provider value={value}>
@@ -59,7 +59,7 @@ export function createContextWithSetter<T>(
     useSetter,
     useContext: () => ({
       value: useValue(),
-      set: useSetter(),
-    }),
+      set: useSetter()
+    })
   };
 }
diff --git a/src/utils/react/createContextWithUtils.ts b/src/utils/react/createContextWithUtils.ts
index 33a7cc2..0a266c5 100644
--- a/src/utils/react/createContextWithUtils.ts
+++ b/src/utils/react/createContextWithUtils.ts
@@ -1,11 +1,11 @@
-import { createContext, type FC, type ProviderProps, useContext } from "react";
+import { createContext, type FC, type ProviderProps, useContext } from 'react';
 
 export interface ContextWithUtils<T> {
   Provider: FC<ProviderProps<T>>;
   useContext: () => T;
 }
 
-const None = Symbol("None");
+const None = Symbol('None');
 
 export function createContextWithUtils<T>(title: string): ContextWithUtils<T> {
   const Context = createContext<T | typeof None>(None);
@@ -20,6 +20,6 @@ export function createContextWithUtils<T>(title: string): ContextWithUtils<T> {
       }
 
       return context;
-    },
+    }
   };
 }
diff --git a/src/utils/react/index.ts b/src/utils/react/index.ts
index aecde95..1d764aa 100644
--- a/src/utils/react/index.ts
+++ b/src/utils/react/index.ts
@@ -1,5 +1,5 @@
-export * from "./createContextWithUtils";
-export * from "./useEventCallback";
-export * from "./createContextWithSetter";
-export * from "./useDebouncedValue";
-export * from "./useKeyboardShortcut";
+export * from './createContextWithUtils';
+export * from './useEventCallback';
+export * from './createContextWithSetter';
+export * from './useDebouncedValue';
+export * from './useKeyboardShortcut';
diff --git a/src/utils/react/useDebouncedValue.ts b/src/utils/react/useDebouncedValue.ts
index 521084d..1d4e9c6 100644
--- a/src/utils/react/useDebouncedValue.ts
+++ b/src/utils/react/useDebouncedValue.ts
@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { useEffect, useState } from 'react';
 
 export function useDebouncedValue<T>(value: T, timeout: number): T {
   const [debouncedValue, setDebouncedValue] = useState(value);
diff --git a/src/utils/react/useEventCallback.ts b/src/utils/react/useEventCallback.ts
index b5c46f9..cb7c63a 100644
--- a/src/utils/react/useEventCallback.ts
+++ b/src/utils/react/useEventCallback.ts
@@ -1,13 +1,13 @@
-import { useCallback, useEffect, useRef } from "react";
+import { useCallback, useEffect, useRef } from 'react';
 
-export function useEventCallback<A extends any[], R>(
-  callback: (...args: A) => R
-): (...args: A) => R {
+export function useEventCallback<A extends unknown[], R>(
+  callback: (...arguments_: A) => R
+): (...arguments_: A) => R {
   const callbackRef = useRef(callback);
 
   useEffect(() => {
     callbackRef.current = callback;
   });
 
-  return useCallback((...args) => callbackRef.current(...args), []);
+  return useCallback((...arguments_) => callbackRef.current(...arguments_), []);
 }
diff --git a/src/utils/react/useKeyboardShortcut.ts b/src/utils/react/useKeyboardShortcut.ts
index 811dd3b..12b67bd 100644
--- a/src/utils/react/useKeyboardShortcut.ts
+++ b/src/utils/react/useKeyboardShortcut.ts
@@ -1,5 +1,6 @@
-import { useEffect } from "react";
-import { useEventCallback } from "./useEventCallback";
+import { useEffect } from 'react';
+
+import { useEventCallback } from './useEventCallback';
 
 interface UseKeyboardShortcutOptions {
   onPress: () => void;
@@ -10,7 +11,7 @@ interface UseKeyboardShortcutOptions {
 function isInputFocused(): boolean {
   return (
     document.activeElement instanceof HTMLElement &&
-    ["input", "select", "textarea"].includes(
+    ['input', 'select', 'textarea'].includes(
       document.activeElement.tagName.toLowerCase()
     )
   );
@@ -19,7 +20,7 @@ function isInputFocused(): boolean {
 export function useKeyboardShortcut({
   onPress,
   predicate,
-  disableOnInput = true,
+  disableOnInput = true
 }: UseKeyboardShortcutOptions): void {
   const handleKeyPress = useEventCallback((event: KeyboardEvent) => {
     if (disableOnInput && isInputFocused()) {
@@ -33,10 +34,10 @@ export function useKeyboardShortcut({
   });
 
   useEffect(() => {
-    document.addEventListener("keypress", handleKeyPress);
+    document.addEventListener('keypress', handleKeyPress);
 
     return () => {
-      document.removeEventListener("keypress", handleKeyPress);
+      document.removeEventListener('keypress', handleKeyPress);
     };
   }, [handleKeyPress]);
 }
diff --git a/src/utils/string/index.ts b/src/utils/string/index.ts
index 4940038..e53ff29 100644
--- a/src/utils/string/index.ts
+++ b/src/utils/string/index.ts
@@ -1 +1 @@
-export * from "./toBase64";
+export * from './toBase64';
diff --git a/src/utils/string/toBase64.ts b/src/utils/string/toBase64.ts
index cf9ea09..c57eeda 100644
--- a/src/utils/string/toBase64.ts
+++ b/src/utils/string/toBase64.ts
@@ -1,3 +1,3 @@
 export function toBase64(text: string): string {
-  return Buffer.from(text).toString("base64");
+  return Buffer.from(text).toString('base64');
 }
diff --git a/src/utils/time/formatDuration.ts b/src/utils/time/formatDuration.ts
index dd2d0be..fa9318f 100644
--- a/src/utils/time/formatDuration.ts
+++ b/src/utils/time/formatDuration.ts
@@ -1,5 +1,5 @@
 export function formatDuration(duration: number): string {
-  const minutes = Math.round(duration / 60000);
+  const minutes = Math.round(duration / 60_000);
 
   return `${minutes} мин.`;
 }
diff --git a/src/utils/time/index.ts b/src/utils/time/index.ts
index 88d064c..ae578b6 100644
--- a/src/utils/time/index.ts
+++ b/src/utils/time/index.ts
@@ -1 +1 @@
-export * from "./formatDuration";
+export * from './formatDuration';
diff --git a/src/utils/url/index.ts b/src/utils/url/index.ts
index 3750071..e356c28 100644
--- a/src/utils/url/index.ts
+++ b/src/utils/url/index.ts
@@ -1,2 +1,2 @@
-export * from "./normalizeUrl";
-export * from "./isUrlMatch";
+export * from './normalizeUrl';
+export * from './isUrlMatch';
diff --git a/src/utils/url/isUrlMatch.ts b/src/utils/url/isUrlMatch.ts
index 81908d4..43050b6 100644
--- a/src/utils/url/isUrlMatch.ts
+++ b/src/utils/url/isUrlMatch.ts
@@ -1,4 +1,4 @@
-import { normalizeUrl } from "./normalizeUrl";
+import { normalizeUrl } from './normalizeUrl';
 
 export function isUrlMatch(
   currentUrl: string | URL,
diff --git a/src/utils/url/normalizeUrl.ts b/src/utils/url/normalizeUrl.ts
index 050c16c..842ab55 100644
--- a/src/utils/url/normalizeUrl.ts
+++ b/src/utils/url/normalizeUrl.ts
@@ -1,3 +1,3 @@
 export function normalizeUrl(url: string | URL): string {
-  return url.toString().replaceAll(/(\/$)|(^\/)/g, "");
+  return url.toString().replaceAll(/(\/$)|(^\/)/g, '');
 }