Bump dependencies (#4556)

2024-05-14 04:23:39 +02:00 · 2024-05-14 04:23:39 +02:00 · 6e056cb2ef
commit 6e056cb2ef
parent 8051e27b23
74 changed files with 6995 additions and 6728 deletions
--- a/.eslintrc
+++ b/.eslintrc
@ -9,7 +9,6 @@
    "no-null",
    "simple-import-sort",
    "react-hooks-static-deps",
-    "jsx-expressions",
    "eslint-multitab-tt"
  ],
  "rules": {
@ -115,12 +114,6 @@
        "ignoreDOMComponents": true
      }
    ],
-    "jsx-expressions/strict-logical-expressions": [
-      "error",
-      {
-        "allowString": true
-      }
-    ],
    "jsx-a11y/click-events-have-key-events": "off",
    "jsx-a11y/mouse-events-have-key-events": "off",
    "jsx-a11y/no-static-element-interactions": "off",
--- a/.stylelintrc.json
+++ b/.stylelintrc.json
@ -1,11 +1,13 @@
 {
  "extends": [
-    "stylelint-config-recommended-scss"
+    "stylelint-config-recommended-scss",
+    "@stylistic/stylelint-config"
  ],
  "ignoreFiles": [
    "dist/*.css"
  ],
  "plugins": [
+    "@stylistic/stylelint-plugin",
    "stylelint-declaration-block-no-ignored-properties",
    "stylelint-high-performance-animation",
    "stylelint-group-selectors",
@ -22,7 +24,6 @@
        ]
      }
    ],
-    "number-leading-zero": "always",
    "selector-attribute-quotes": "always",
    "scss/operator-no-unspaced": null,
    "no-descending-specificity": null,
@ -41,6 +42,11 @@
        "ignorePseudoClasses": ["global"]
      }
    ],
-    "plugin/selector-tag-no-without-class": ["/^(?!body|html)([^_-]*)$/", { "severity": "warning" }]
+    "plugin/selector-tag-no-without-class": ["/^(?!body|html)([^_-]*)$/", { "severity": "warning" }],
+    "@stylistic/number-leading-zero": "always",
+    "@stylistic/string-quotes": null,
+    "@stylistic/color-hex-case": null,
+    "@stylistic/selector-list-comma-newline-after": null,
+    "@stylistic/block-closing-brace-newline-after": null
  }
 }
--- a/dev/eslint-multitab/package-lock.json
+++ b/dev/eslint-multitab/package-lock.json
@ -13,15 +13,15 @@
      },
      "devDependencies": {
        "chalk": "^5.3.0",
-        "eslint": "^8.55.0",
-        "eslint-doc-generator": "^1.6.1",
-        "eslint-plugin-eslint-plugin": "^5.2.1",
+        "eslint": "^8.57.0",
+        "eslint-doc-generator": "^1.7.0",
+        "eslint-plugin-eslint-plugin": "^6.1.0",
        "eslint-plugin-node": "^11.1.0",
-        "mocha": "^10.2.0",
+        "mocha": "^10.4.0",
        "npm-run-all": "^4.1.5"
      },
      "engines": {
-        "node": "^18 || ^20"
+        "node": "^20 || ^22"
      },
      "peerDependencies": {
        "eslint": ">=8"
@ -262,22 +262,22 @@
      }
    },
    "node_modules/@eslint/js": {
-      "version": "8.55.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.55.0.tgz",
-      "integrity": "sha512-qQfo2mxH5yVom1kacMtZZJFVdW+E70mqHMJvVg6WTLo+VBuQJ4TojZlfWBjK0ve5BdEeNAVxOsl/nvNMpJOaJA==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz",
+      "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==",
      "dev": true,
      "engines": {
        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
      }
    },
    "node_modules/@humanwhocodes/config-array": {
-      "version": "0.11.13",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz",
-      "integrity": "sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==",
+      "version": "0.11.14",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz",
+      "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==",
      "dev": true,
      "dependencies": {
-        "@humanwhocodes/object-schema": "^2.0.1",
-        "debug": "^4.1.1",
+        "@humanwhocodes/object-schema": "^2.0.2",
+        "debug": "^4.3.1",
        "minimatch": "^3.0.5"
      },
      "engines": {
@ -298,9 +298,9 @@
      }
    },
    "node_modules/@humanwhocodes/object-schema": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.1.tgz",
-      "integrity": "sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
+      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
      "dev": true
    },
    "node_modules/@jest/schemas": {
@ -363,9 +363,9 @@
      "dev": true
    },
    "node_modules/@types/semver": {
-      "version": "7.5.6",
-      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.6.tgz",
-      "integrity": "sha512-dn1l8LaMea/IjDoHNd9J52uBbInB796CDffS6VdIxvqYCPSG0V0DzHp76GpaWnlhg88uYyPbXCDIowa86ybd5A==",
+      "version": "7.5.8",
+      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz",
+      "integrity": "sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==",
      "dev": true
    },
    "node_modules/@typescript-eslint/scope-manager": {
@ -425,54 +425,6 @@
        }
      }
    },
-    "node_modules/@typescript-eslint/utils": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.62.0.tgz",
-      "integrity": "sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==",
-      "dev": true,
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.2.0",
-        "@types/json-schema": "^7.0.9",
-        "@types/semver": "^7.3.12",
-        "@typescript-eslint/scope-manager": "5.62.0",
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/typescript-estree": "5.62.0",
-        "eslint-scope": "^5.1.1",
-        "semver": "^7.3.7"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/utils/node_modules/eslint-scope": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
-      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
-      "dev": true,
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^4.1.1"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/utils/node_modules/estraverse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
-      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
    "node_modules/@typescript-eslint/visitor-keys": {
      "version": "5.62.0",
      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz",
@ -497,9 +449,9 @@
      "dev": true
    },
    "node_modules/acorn": {
-      "version": "8.11.2",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
-      "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
+      "version": "8.11.3",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
+      "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
      "dev": true,
      "bin": {
        "acorn": "bin/acorn"
@ -1037,16 +989,16 @@
      }
    },
    "node_modules/eslint": {
-      "version": "8.55.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.55.0.tgz",
-      "integrity": "sha512-iyUUAM0PCKj5QpwGfmCAG9XXbZCWsqP/eWAWrG/W0umvjuLRBECwSFdt+rCntju0xEH7teIABPwXpahftIaTdA==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz",
+      "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==",
      "dev": true,
      "dependencies": {
        "@eslint-community/eslint-utils": "^4.2.0",
        "@eslint-community/regexpp": "^4.6.1",
        "@eslint/eslintrc": "^2.1.4",
-        "@eslint/js": "8.55.0",
-        "@humanwhocodes/config-array": "^0.11.13",
+        "@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",
@ -1092,9 +1044,9 @@
      }
    },
    "node_modules/eslint-doc-generator": {
-      "version": "1.6.1",
-      "resolved": "https://registry.npmjs.org/eslint-doc-generator/-/eslint-doc-generator-1.6.1.tgz",
-      "integrity": "sha512-X9NmwwUBxIUSS5CVXJ/vjz/eRD2H/NMhi4ZrnBRSuiAEQO5tjaQeSuHZ3wrUt8cZj0KaXWw8d7xI38JszGpSUw==",
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/eslint-doc-generator/-/eslint-doc-generator-1.7.0.tgz",
+      "integrity": "sha512-C1hE1acb/jruOO+cJe/rIsf+Kgq32JhimTgTtffwsjckKEJ800gx26kUtZhP+8Xm8M/n3BVBZ0XiNbojnNDqHQ==",
      "dev": true,
      "dependencies": {
        "@typescript-eslint/utils": "^5.38.1",
@ -1120,6 +1072,32 @@
        "eslint": ">= 7"
      }
    },
+    "node_modules/eslint-doc-generator/node_modules/@typescript-eslint/utils": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.62.0.tgz",
+      "integrity": "sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@types/json-schema": "^7.0.9",
+        "@types/semver": "^7.3.12",
+        "@typescript-eslint/scope-manager": "5.62.0",
+        "@typescript-eslint/types": "5.62.0",
+        "@typescript-eslint/typescript-estree": "5.62.0",
+        "eslint-scope": "^5.1.1",
+        "semver": "^7.3.7"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
    "node_modules/eslint-doc-generator/node_modules/ajv": {
      "version": "8.12.0",
      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
@ -1136,6 +1114,28 @@
        "url": "https://github.com/sponsors/epoberezkin"
      }
    },
+    "node_modules/eslint-doc-generator/node_modules/eslint-scope": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "dev": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/eslint-doc-generator/node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
    "node_modules/eslint-doc-generator/node_modules/json-schema-traverse": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
@ -1183,19 +1183,19 @@
      }
    },
    "node_modules/eslint-plugin-eslint-plugin": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-eslint-plugin/-/eslint-plugin-eslint-plugin-5.2.1.tgz",
-      "integrity": "sha512-W+WergGahmRTz5yhw/+6TVqlXZkxucK0rM6KWRjona3MYx8+QJ+9KpXn3sYi1lgLduitfmT8YiAmO4RPC/mxEQ==",
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-eslint-plugin/-/eslint-plugin-eslint-plugin-6.1.0.tgz",
+      "integrity": "sha512-nLbyNhdHgWuEu/hzeknzz+5G52KcL70cUP+7jOVPpf0oGLXOd+QLoosOhzST9nEhR4XsD2UzbdnO1ddLqKDodw==",
      "dev": true,
      "dependencies": {
        "eslint-utils": "^3.0.0",
        "estraverse": "^5.3.0"
      },
      "engines": {
-        "node": "^14.17.0 || ^16.0.0 || >= 18.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
      },
      "peerDependencies": {
-        "eslint": ">=7.0.0"
+        "eslint": ">=8.23.0"
      }
    },
    "node_modules/eslint-plugin-node": {
@ -1493,9 +1493,9 @@
      }
    },
    "node_modules/flatted": {
-      "version": "3.2.9",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz",
-      "integrity": "sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==",
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.1.tgz",
+      "integrity": "sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==",
      "dev": true
    },
    "node_modules/for-each": {
@ -1508,8 +1508,9 @@
    },
    "node_modules/fs.realpath": {
      "version": "1.0.0",
-      "dev": true,
-      "license": "ISC"
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true
    },
    "node_modules/function-bind": {
      "version": "1.1.2",
@ -1582,19 +1583,19 @@
      }
    },
    "node_modules/glob": {
-      "version": "7.2.0",
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz",
+      "integrity": "sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==",
      "dev": true,
-      "license": "ISC",
      "dependencies": {
        "fs.realpath": "^1.0.0",
        "inflight": "^1.0.4",
        "inherits": "2",
-        "minimatch": "^3.0.4",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
+        "minimatch": "^5.0.1",
+        "once": "^1.3.0"
      },
      "engines": {
-        "node": "*"
+        "node": ">=12"
      },
      "funding": {
        "url": "https://github.com/sponsors/isaacs"
@ -1612,6 +1613,27 @@
        "node": ">=10.13.0"
      }
    },
+    "node_modules/glob/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/glob/node_modules/minimatch": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
    "node_modules/globals": {
      "version": "13.24.0",
      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
@ -1829,8 +1851,9 @@
    },
    "node_modules/inflight": {
      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
      "dev": true,
-      "license": "ISC",
      "dependencies": {
        "once": "^1.3.0",
        "wrappy": "1"
@ -1838,8 +1861,9 @@
    },
    "node_modules/inherits": {
      "version": "2.0.4",
-      "dev": true,
-      "license": "ISC"
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true
    },
    "node_modules/internal-slot": {
      "version": "1.0.4",
@ -2384,9 +2408,10 @@
      }
    },
    "node_modules/mocha": {
-      "version": "10.2.0",
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/mocha/-/mocha-10.4.0.tgz",
+      "integrity": "sha512-eqhGB8JKapEYcC4ytX/xrzKforgEc3j1pGlAXVy3eRwrtAy5/nIfT1SvgGzfN0XZZxeLq0aQWkOUAmqIJiv+bA==",
      "dev": true,
-      "license": "MIT",
      "dependencies": {
        "ansi-colors": "4.1.1",
        "browser-stdout": "1.3.1",
@ -2395,13 +2420,12 @@
        "diff": "5.0.0",
        "escape-string-regexp": "4.0.0",
        "find-up": "5.0.0",
-        "glob": "7.2.0",
+        "glob": "8.1.0",
        "he": "1.2.0",
        "js-yaml": "4.1.0",
        "log-symbols": "4.1.0",
        "minimatch": "5.0.1",
        "ms": "2.1.3",
-        "nanoid": "3.3.3",
        "serialize-javascript": "6.0.0",
        "strip-json-comments": "3.1.1",
        "supports-color": "8.1.1",
@ -2416,10 +2440,6 @@
      },
      "engines": {
        "node": ">= 14.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/mochajs"
      }
    },
    "node_modules/mocha/node_modules/brace-expansion": {
@ -2465,17 +2485,6 @@
      "dev": true,
      "license": "MIT"
    },
-    "node_modules/nanoid": {
-      "version": "3.3.3",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "nanoid": "bin/nanoid.cjs"
-      },
-      "engines": {
-        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-      }
-    },
    "node_modules/natural-compare": {
      "version": "1.4.0",
      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
@ -2708,8 +2717,9 @@
    },
    "node_modules/once": {
      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
      "dev": true,
-      "license": "ISC",
      "dependencies": {
        "wrappy": "1"
      }
@ -2799,8 +2809,9 @@
    },
    "node_modules/path-is-absolute": {
      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
      "dev": true,
-      "license": "MIT",
      "engines": {
        "node": ">=0.10.0"
      }
@ -3072,6 +3083,26 @@
        "url": "https://github.com/sponsors/isaacs"
      }
    },
+    "node_modules/rimraf/node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "dev": true,
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
    "node_modules/run-parallel": {
      "version": "1.2.0",
      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@ -3128,9 +3159,9 @@
      }
    },
    "node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "version": "7.6.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz",
+      "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==",
      "dev": true,
      "dependencies": {
        "lru-cache": "^6.0.0"
@ -3535,8 +3566,9 @@
    },
    "node_modules/wrappy": {
      "version": "1.0.2",
-      "dev": true,
-      "license": "ISC"
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true
    },
    "node_modules/y18n": {
      "version": "5.0.8",
--- a/dev/eslint-multitab/package.json
+++ b/dev/eslint-multitab/package.json
@ -22,15 +22,15 @@
  },
  "devDependencies": {
    "chalk": "^5.3.0",
-    "eslint": "^8.55.0",
-    "eslint-doc-generator": "^1.6.1",
-    "eslint-plugin-eslint-plugin": "^5.2.1",
+    "eslint": "^8.57.0",
+    "eslint-doc-generator": "^1.7.0",
+    "eslint-plugin-eslint-plugin": "^6.1.0",
    "eslint-plugin-node": "^11.1.0",
-    "mocha": "^10.2.0",
+    "mocha": "^10.4.0",
    "npm-run-all": "^4.1.5"
  },
  "engines": {
-    "node": "^18 || ^20"
+    "node": "^20 || ^22"
  },
  "peerDependencies": {
    "eslint": ">=8"
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -29,19 +29,13 @@
    "test:playwright": "playwright test",
    "test:record": "playwright codegen localhost:1235",
    "statoscope:validate-diff": "statoscope validate --input input.json --reference reference.json",
-    "prepare": "husky install",
    "postinstall": "(cd dev/eslint-multitab && npm i)",
    "postversion": "echo $(node -p \"require('./package.json').version\") > public/version.txt && git commit --amend --no-verify --no-edit public/version.txt"
  },
  "engines": {
-    "node": "^18 || ^20",
+    "node": "^20 || ^22",
    "npm": "^9 || ^10"
  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "tsc && lint-staged"
-    }
-  },
  "lint-staged": {
    "*.{ts,tsx,js}": "eslint --fix",
    "*.{css,scss}": "stylelint --fix"
@ -52,91 +46,91 @@
  "author": "Alexander Zinchuk (alexander@zinchuk.com)",
  "license": "GPL-3.0-or-later",
  "devDependencies": {
-    "@babel/core": "^7.23.6",
+    "@babel/core": "^7.24.5",
    "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
-    "@babel/plugin-transform-class-properties": "^7.23.3",
-    "@babel/plugin-transform-logical-assignment-operators": "^7.23.4",
-    "@babel/preset-env": "^7.23.6",
-    "@babel/preset-react": "^7.23.3",
-    "@babel/preset-typescript": "^7.23.3",
-    "@babel/register": "^7.22.15",
-    "@electron/rebuild": "^3.4.1",
+    "@babel/plugin-transform-class-properties": "^7.24.1",
+    "@babel/plugin-transform-logical-assignment-operators": "^7.24.1",
+    "@babel/preset-env": "^7.24.5",
+    "@babel/preset-react": "^7.24.1",
+    "@babel/preset-typescript": "^7.24.1",
+    "@babel/register": "^7.23.7",
+    "@electron/rebuild": "^3.6.0",
    "@glen/jest-raw-loader": "^2.0.0",
-    "@playwright/test": "^1.40.1",
+    "@playwright/test": "^1.44.0",
    "@statoscope/cli": "5.28.2",
    "@statoscope/webpack-plugin": "5.28.2",
-    "@testing-library/jest-dom": "^6.1.5",
-    "@twbs/fantasticon": "^2.7.1",
+    "@stylistic/stylelint-config": "^1.0.1",
+    "@stylistic/stylelint-plugin": "^2.1.2",
+    "@testing-library/jest-dom": "^6.4.5",
+    "@twbs/fantasticon": "^3.0.0",
    "@types/croppie": "^2.6.4",
-    "@types/hast": "^3.0.3",
-    "@types/jest": "^29.5.11",
-    "@types/react": "^18.2.43",
-    "@types/react-dom": "^18.2.17",
+    "@types/hast": "^3.0.4",
+    "@types/jest": "^29.5.12",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.0",
    "@types/webpack": "^5.28.5",
-    "@typescript-eslint/eslint-plugin": "^6.13.2",
-    "@typescript-eslint/parser": "^6.13.2",
+    "@typescript-eslint/eslint-plugin": "^7.8.0",
+    "@typescript-eslint/parser": "^7.8.0",
    "@webpack-cli/serve": "^2.0.5",
-    "autoprefixer": "^10.4.16",
+    "autoprefixer": "^10.4.19",
    "babel-loader": "^9.1.3",
    "babel-plugin-transform-import-meta": "^2.2.1",
    "browserlist": "^1.0.1",
    "buffer": "^6.0.3",
    "concurrently": "^8.2.2",
    "cross-env": "^7.0.3",
-    "css-loader": "^6.8.1",
-    "dotenv": "^16.3.1",
+    "css-loader": "^7.1.1",
+    "dotenv": "^16.4.5",
    "electron": "^22.3.27",
-    "electron-builder": "^24.9.1",
+    "electron-builder": "^24.13.3",
    "electron-context-menu": "^3.6.1",
-    "electron-store": "^8.1.0",
-    "electron-updater": "^6.1.7",
-    "electronmon": "^2.0.2",
-    "eslint": "^8.55.0",
+    "electron-store": "^8.2.0",
+    "electron-updater": "^6.1.8",
+    "electronmon": "^2.0.3",
+    "eslint": "^8.57.0",
    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^17.1.0",
-    "eslint-config-teact-app": "git+https://github.com/zubiden/eslint-config-teact-app#5968833968eb48fb799bab941af7f9c3ebb1a005",
+    "eslint-config-airbnb-typescript": "^18.0.0",
+    "eslint-config-teact-app": "git+https://github.com/zubiden/eslint-config-teact-app#ebb14df4114e549fe9855d7ed0ca6cf11098e9fe",
    "eslint-import-resolver-webpack": "^0.13.8",
    "eslint-plugin-eslint-multitab-tt": "file:dev/eslint-multitab",
    "eslint-plugin-flowtype": "^8.0.3",
    "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-jsx-expressions": "^1.3.2",
    "eslint-plugin-no-async-without-await": "^1.2.0",
    "eslint-plugin-no-null": "^1.0.2",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-react-hooks": "^4.6.2",
    "eslint-plugin-react-hooks-static-deps": "^1.0.7",
-    "eslint-plugin-simple-import-sort": "^10.0.0",
+    "eslint-plugin-simple-import-sort": "^12.1.0",
    "eslint-plugin-teactn": "git+https://github.com/korenskoy/eslint-plugin-teactn#c2c39dd005d58c07c24c4361de804dce1c6261b5",
    "git-revision-webpack-plugin": "^5.0.0",
    "gitlog": "^4.0.8",
-    "html-webpack-plugin": "^5.5.4",
-    "husky": "^8.0.3",
+    "html-webpack-plugin": "^5.6.0",
+    "husky": "^9.0.11",
    "jest": "^29.7.0",
    "jest-environment-jsdom": "^29.7.0",
-    "lint-staged": "^15.2.0",
-    "mini-css-extract-plugin": "^2.7.6",
-    "postcss-loader": "^7.3.3",
+    "lint-staged": "^15.2.2",
+    "mini-css-extract-plugin": "^2.9.0",
+    "postcss-loader": "^8.1.1",
    "postcss-modules": "^6.0.0",
-    "react": "^18.2.0",
-    "sass": "^1.69.5",
-    "sass-loader": "^13.3.2",
+    "react": "^18.3.1",
+    "sass": "^1.77.0",
+    "sass-loader": "^14.2.1",
    "script-loader": "^0.7.2",
-    "serve": "^14.2.1",
-    "style-loader": "^3.3.3",
-    "stylelint": "^15.11.0",
-    "stylelint-config-recommended-scss": "^13.1.0",
-    "stylelint-declaration-block-no-ignored-properties": "^2.7.0",
+    "serve": "^14.2.3",
+    "stylelint": "^16.5.0",
+    "stylelint-config-recommended-scss": "^14.0.0",
+    "stylelint-declaration-block-no-ignored-properties": "^2.8.0",
    "stylelint-group-selectors": "^1.0.10",
-    "stylelint-high-performance-animation": "^1.9.0",
-    "stylelint-selector-tag-no-without-class": "^2.0.6",
+    "stylelint-high-performance-animation": "^1.10.0",
+    "stylelint-selector-tag-no-without-class": "^3.0.1",
    "telegraph-node": "^1.0.4",
-    "typescript": "^5.3.3",
-    "webpack": "^5.89.0",
-    "webpack-dev-server": "^4.15.1"
+    "typescript": "^5.4.5",
+    "webpack": "^5.91.0",
+    "webpack-dev-server": "^5.0.4"
  },
  "dependencies": {
    "@cryptography/aes": "^0.1.1",
-    "async-mutex": "^0.4.0",
+    "async-mutex": "^0.5.0",
    "big-integer": "github:painor/BigInteger.js",
    "croppie": "^2.6.5",
    "emoji-data-ios": "git+https://github.com/korenskoy/emoji-data-ios#de1a69aff2c8eb7548df4e6bcf50c7d2304792fc",
--- a/src/assets/fonts/roboto.css
+++ b/src/assets/fonts/roboto.css
@ -1,3 +1,4 @@
+/* stylelint-disable */
 /* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
--- a/src/components/calls/group/GroupCallParticipantMenu.scss
+++ b/src/components/calls/group/GroupCallParticipantMenu.scss
@ -96,7 +96,8 @@
      margin: 0;
      z-index: 0;

-      // Note that while we're repeating code here, that's necessary as you can't comma-separate these type of selectors.
+      // Note that while we're repeating code here,
+      // that's necessary as you can't comma-separate these type of selectors.
      // Browsers will drop the entire selector if it doesn't understand a part of it.
      &::-webkit-slider-thumb {
        @include thumb-styles();
--- a/src/components/calls/group/MicrophoneButton.module.scss
+++ b/src/components/calls/group/MicrophoneButton.module.scss
@ -36,17 +36,11 @@
  opacity: 1;
 }

-.canUnmute::before {
+.mutedByAdmin::before, .canUnmute::before {
  opacity: 1;
  transform: rotate(0deg);
 }

-.mutedByAdmin::after {
-  opacity: 1;
-  transform: rotate(0deg);
-}
-
-
 .icon {
  z-index: 1;
 }
--- a/src/components/common/Audio.scss
+++ b/src/components/common/Audio.scss
@ -40,33 +40,35 @@
      z-index: var(--z-badge);
      opacity: 1;
      transform: scale(1);
-      transition: opacity 0.4s, transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
+      transition:
+        opacity 0.4s,
+        transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    }
-    
+
    .toggle-play {
      margin-inline-end: 0.5rem;
-  
+
      &.translucent-white {
        color: rgba(255, 255, 255, 0.8);
      }
-  
+
      &.smaller {
        width: 3rem;
        height: 3rem;
        margin-inline-end: 0.75rem;
-  
+
        .icon {
          font-size: 1.625rem;
-  
+
          &.icon-pause {
            font-size: 1.5625rem;
          }
        }
      }
-  
+
      .icon {
        position: absolute;
-  
+
        &.icon-play {
          margin-left: 0.1875rem;
          @media (max-width: 600px) {
@ -74,13 +76,15 @@
          }
        }
      }
-  
+
      .icon-play,
      .icon-pause,
      .flame {
        opacity: 1;
        transform: scale(1);
-        transition: opacity 0.4s, transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
+        transition:
+          opacity 0.4s,
+          transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
      }
    }

@ -106,7 +110,9 @@
      --color-text-green: var(--color-white);
    }

-    .Button, .icon-view-once, .media-loading {
+    .Button,
+    .icon-view-once,
+    .media-loading {
      --color-primary: var(--color-text-green);
      --color-primary-shade: var(--color-green);
      --color-primary-shade-darker: var(--color-green-darker);
@ -250,7 +256,6 @@
    align-items: flex-end;
  }

-
  &.non-interactive {
    pointer-events: none;
  }
--- a/src/components/common/Avatar.scss
+++ b/src/components/common/Avatar.scss
@ -237,11 +237,21 @@
  }

  &.has-unread-story::before {
-    background-image: linear-gradient(215.87deg, var(--color-avatar-story-unread-from) -1.61%, var(--color-avatar-story-unread-to) 97.44%);
+    background-image:
+      linear-gradient(
+        215.87deg,
+        var(--color-avatar-story-unread-from) -1.61%,
+        var(--color-avatar-story-unread-to) 97.44%,
+      );
  }

  &.has-unread-story.close-friend::before {
-    background-image: linear-gradient(215.87deg, var(--color-avatar-story-friend-unread-from) -1.61%, var(--color-avatar-story-friend-unread-to) 97.44%);
+    background-image:
+      linear-gradient(
+        215.87deg,
+        var(--color-avatar-story-friend-unread-from) -1.61%,
+        var(--color-avatar-story-friend-unread-to) 97.44%,
+      );
  }

  .poster {
--- a/src/components/common/Composer.scss
+++ b/src/components/common/Composer.scss
@ -671,8 +671,11 @@
    background-size: auto min(100%, 1.125rem);
    border-radius: 0.5rem;
    padding: 0 0.3125rem 0.125rem 0.3125rem;
-    text-shadow: -2px -2px 0 var(--color-background), 2px -2px 0 var(--color-background),
-      -2px 2px 0 var(--color-background), 2px 2px 0 var(--color-background);
+    text-shadow:
+      -2px -2px 0 var(--color-background),
+      2px -2px 0 var(--color-background),
+      -2px 2px 0 var(--color-background),
+      2px 2px 0 var(--color-background);
  }

  html.theme-dark & .spoiler {
--- a/src/components/common/CountryPickerModal.module.scss
+++ b/src/components/common/CountryPickerModal.module.scss
@ -26,4 +26,3 @@
  justify-content: flex-end;
  flex-direction: column;
 }
-
--- a/src/components/common/File.scss
+++ b/src/components/common/File.scss
@ -59,7 +59,11 @@
      right: 0;
      border-bottom-left-radius: 0.25rem;
      background: rgba(black, 0.25);
-      border-color: transparent var(--file-icon-border-color, var(--background-color)) transparent var(--file-icon-border-color, var(--background-color));
+      border-color:
+        transparent
+        var(--file-icon-border-color, var(--background-color))
+        transparent
+        var(--file-icon-border-color, var(--background-color));
      border-width: 0 1.125rem 1.125rem 0;
      border-style: solid;
      /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */
--- a/src/components/common/PasswordMonkey.scss
+++ b/src/components/common/PasswordMonkey.scss
@ -26,7 +26,7 @@
    height: 100%;

    &.hidden {
-      display: none
+      display: none;
    }
  }

--- a/src/components/common/PickerSelectedItem.scss
+++ b/src/components/common/PickerSelectedItem.scss
@ -124,7 +124,6 @@
    transition: opacity 0.15s ease;
  }

-
  &.square-avatar {
    border-start-start-radius: 0.625rem;
    border-end-start-radius: 0.625rem;
--- a/src/components/common/ProfileInfo.module.scss
+++ b/src/components/common/ProfileInfo.module.scss
@ -199,7 +199,7 @@
  opacity: 0.8;

  &:hover {
-    filter: brightness(1.10);
+    filter: brightness(1.1);
  }
 }

--- a/src/components/common/SliderDots.module.scss
+++ b/src/components/common/SliderDots.module.scss
@ -9,7 +9,10 @@
  --length: 50;
  --count: 8;
  --center: calc((var(--length) * var(--dot-width)) / 2);
-  transform: translateX(calc(var(--center) - (var(--dot-width) * var(--count) / 2) - (var(--dot-width) * var(--start-from))));
+  transform:
+    translateX(
+      calc(var(--center) - (var(--dot-width) * var(--count) / 2) - (var(--dot-width) * var(--start-from)))
+    );
  transition: 0.25s ease-out transform;
 }

@ -59,4 +62,3 @@
 .active {
  background: #8F77FF;
 }
-
--- a/src/components/common/StickerSetModal.scss
+++ b/src/components/common/StickerSetModal.scss
@ -78,4 +78,3 @@
    max-height: calc(50vh + 3.8125rem);
  }
 }
-
--- a/src/components/common/TopicChip.module.scss
+++ b/src/components/common/TopicChip.module.scss
@ -28,6 +28,6 @@
  }

  &:hover::before {
-    opacity: 0.10;
+    opacity: 0.1;
  }
 }
--- a/src/components/common/code/CodeBlock.scss
+++ b/src/components/common/code/CodeBlock.scss
@ -38,28 +38,28 @@
        opacity: 1;
      }
    }
-  
+
    &.no-word-wrap {
      white-space: pre;
      padding-bottom: 0.25rem;
    }
-  
+
    html.theme-light & {
      --color-type: #0053d4;
      --color-keyword: #388e22;
      --color-class: #3e6c20;
      --color-string: #9a1111;
-      --color-template: #9A5334;
-      --color-selector: #9A5334;
+      --color-template: #9a5334;
+      --color-selector: #9a5334;
      --color-function: #a753b7;
      --color-comment: #616161;
      --color-section: #9a1111;
-      --color-variable: #BD63C5;
+      --color-variable: #bd63c5;
      --color-attribute: #276b8f;
      --color-link: #276b8f;
      --color-tag: #000000;
    }
-  
+
    html.theme-dark :not(.own) & {
      --color-type: #56b6c2;
      --color-keyword: #c678dd;
@ -75,9 +75,9 @@
      --color-link: #d19a66;
      --color-tag: #e06c75;
    }
-  
+
    html.theme-dark .own & {
-      --color-type: #9EFFFF;
+      --color-type: #9effff;
      --color-keyword: #ffe900;
      --color-class: #b2f5ff;
      --color-string: #fedcad;
@ -91,7 +91,7 @@
      --color-link: #ffe900;
      --color-tag: #b2f5ff;
    }
-  
+
    .hljs {
      display: block;
      overflow-x: auto;
@ -147,7 +147,8 @@

 .hljs-meta,
 .hljs-meta .hljs-keyword,
-.hljs-tag, .hljs-doctag {
+.hljs-tag,
+.hljs-doctag {
  color: var(--color-tag);
 }

--- a/src/components/common/profile/UserBirthday.module.scss
+++ b/src/components/common/profile/UserBirthday.module.scss
@ -20,7 +20,8 @@

  pointer-events: none;

-  animation: 2.75s float 0.25s,
+  animation:
+    2.75s float 0.25s,
    2s show-up calc(var(--digit-offset) * 0.5s),
    1s dissapear 2s;
  animation-timing-function: ease-in;
--- a/src/components/left/ArchivedChats.scss
+++ b/src/components/left/ArchivedChats.scss
@ -23,11 +23,10 @@
    z-index: 2;

    &.right-aligned {
-      transform: translateX(calc(clamp(
-      var(--left-column-min-width),
-      var(--left-column-width),
-      var(--left-column-max-width)
-      ) - 4.375rem));
+      transform:
+        translateX(
+          calc(clamp(var(--left-column-min-width), var(--left-column-width), var(--left-column-max-width)) - 4.375rem)
+        );
    }

    &.disable-transition {
--- a/src/components/left/main/Chat.scss
+++ b/src/components/left/main/Chat.scss
@ -91,7 +91,7 @@

      .VerifiedIcon, .PremiumIcon {
        --color-fill: #fff;
-        --color-checkmark: var(--color-primary)
+        --color-checkmark: var(--color-primary);
      }

      .avatar-online {
--- a/src/components/left/main/ChatCallStatus.module.scss
+++ b/src/components/left/main/ChatCallStatus.module.scss
@ -1,28 +1,27 @@
@keyframes bar-animation-transform-1 {
-  0%   { transform: scaleY(0.33); }
-  12.5%  { transform: scaleY(1.66); }
-  25%  { transform: scaleY(0.33); }
-  37.5%  { transform: scaleY(1); }
-  50%  { transform: scaleY(0.33); }
-  62.5%  { transform: scaleY(1.66); }
-  75%  { transform: scaleY(0.33); }
+  0% { transform: scaleY(0.33); }
+  12.5% { transform: scaleY(1.66); }
+  25% { transform: scaleY(0.33); }
+  37.5% { transform: scaleY(1); }
+  50% { transform: scaleY(0.33); }
+  62.5% { transform: scaleY(1.66); }
+  75% { transform: scaleY(0.33); }
  87.5% { transform: scaleY(1.66); }
-  100%   { transform: scaleY(0.33); }
+  100% { transform: scaleY(0.33); }
 }

@keyframes bar-animation-transform-2 {
-  0%   { transform: scaleY(1); }
-  12.5%  { transform: scaleY(0.33); }
-  25%  { transform: scaleY(1.66); }
-  37.5%  { transform: scaleY(0.33); }
-  50%  { transform: scaleY(1); }
-  62.5%  { transform: scaleY(0.33); }
-  75%  { transform: scaleY(1.66); }
+  0% { transform: scaleY(1); }
+  12.5% { transform: scaleY(0.33); }
+  25% { transform: scaleY(1.66); }
+  37.5% { transform: scaleY(0.33); }
+  50% { transform: scaleY(1); }
+  62.5% { transform: scaleY(0.33); }
+  75% { transform: scaleY(1.66); }
  87.5% { transform: scaleY(0.33); }
-  100%   { transform: scaleY(1); }
+  100% { transform: scaleY(1); }
 }

-
 .root {
  position: absolute;
  right: 6px;
@ -36,7 +35,6 @@
  z-index: 1;
 }

-
 .indicator {
  width: 100%;
  height: 100%;
--- a/src/components/left/main/LeftMainHeader.scss
+++ b/src/components/left/main/LeftMainHeader.scss
@ -14,11 +14,16 @@
    z-index: 2;

    &.right-aligned {
-      transform: translateX(calc(clamp(
-        var(--left-column-min-width),
-        var(--left-column-width),
-        var(--left-column-max-width)
-      ) - 4.375rem));
+      transform:
+        translateX(
+          calc(
+            clamp(
+              var(--left-column-min-width),
+              var(--left-column-width),
+              var(--left-column-max-width)
+            ) - 4.375rem
+          )
+        );
    }

    &.disable-transition {
@ -90,7 +95,6 @@
    transform: scale(0.75);
  }

-
  .Menu .bubble {
    min-width: 17rem;
    max-height: calc(100 * var(--vh) - 3.75rem);
--- a/src/components/left/settings/Settings.scss
+++ b/src/components/left/settings/Settings.scss
@ -347,7 +347,7 @@

    &[dir="rtl"] {
      right: auto;
-      left: 1.5rem
+      left: 1.5rem;
    }
  }
 }
--- a/src/components/left/settings/SettingsActiveSession.module.scss
+++ b/src/components/left/settings/SettingsActiveSession.module.scss
@ -1,3 +1,4 @@
+/* stylelint-disable-next-line @stylistic/max-line-length */
 $icons: "android", "apple", "brave", "chrome", "edge", "firefox", "linux", "opera", "safari", "samsung", "ubuntu", "unknown", "vivaldi", "windows", "xbox";

@mixin device-icon($icon-name) {
--- a/src/components/left/settings/SettingsActiveSessions.scss
+++ b/src/components/left/settings/SettingsActiveSessions.scss
@ -1,3 +1,4 @@
+/* stylelint-disable-next-line @stylistic/max-line-length */
 $icons: "android", "apple", "brave", "chrome", "edge", "firefox", "linux", "opera", "safari", "samsung", "ubuntu", "unknown", "vivaldi", "windows", "xbox";

@mixin device-icon($icon-name) {
--- a/src/components/main/premium/GiftPremiumModal.module.scss
+++ b/src/components/main/premium/GiftPremiumModal.module.scss
@ -44,4 +44,3 @@
  vertical-align: middle;
  line-height: 1.5;
 }
-
--- a/src/components/main/premium/GiveawayModal.module.scss
+++ b/src/components/main/premium/GiveawayModal.module.scss
@ -224,7 +224,7 @@
 }

 .title {
-  color: var(--color-text);;
+  color: var(--color-text);
  font-size: 1rem;
  text-transform: initial;
  margin: 0;
--- a/src/components/main/premium/PremiumMainModal.module.scss
+++ b/src/components/main/premium/PremiumMainModal.module.scss
@ -176,4 +176,3 @@
 .subscriptionOption {
  margin: 0.8125rem;
 }
-
--- a/src/components/main/premium/common/PremiumLimitsCompare.module.scss
+++ b/src/components/main/premium/common/PremiumLimitsCompare.module.scss
@ -71,4 +71,3 @@
  border-bottom-right-radius: 10px;
  background: linear-gradient(84.4deg, #6C93FF -4.85%, #976FFF 51.72%, #DF69D1 110.7%), #F1F3F5;
 }
-
--- a/src/components/main/premium/previews/PremiumFeaturePreviewStickers.module.scss
+++ b/src/components/main/premium/previews/PremiumFeaturePreviewStickers.module.scss
@ -1,16 +1,16 @@
 .root {
-   display: flex;
-   align-items: center;
-   justify-content: center;
-   height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
  overflow: hidden;
  position: relative;
- }
+}

 .sticker {
  --x: 0px;
  --y: 0px;
-  transition: 0.25s cubic-bezier(0.5,0.45,0.28,1.4) transform, 0.25s ease-in-out opacity;
+  transition: 0.25s cubic-bezier(0.5, 0.45, 0.28, 1.4) transform, 0.25s ease-in-out opacity;
  position: absolute;
  transform: translate(var(--x), var(--y)) scale(var(--opacity));
  opacity: var(--opacity);
--- a/src/components/main/premium/previews/PremiumFeaturePreviewVideo.module.scss
+++ b/src/components/main/premium/previews/PremiumFeaturePreviewVideo.module.scss
@ -25,15 +25,15 @@
  transform:
    perspective(200px)
    translate3d(
-        calc(var(--scroll-progress-converted) * -30%),
-        calc(var(--y-static) + var(--abs-scroll-progress-converted) * var(--y-dynamic)),
-        0
+      calc(var(--scroll-progress-converted) * -30%),
+      calc(var(--y-static) + var(--abs-scroll-progress-converted) * var(--y-dynamic)),
+      0
    )
    rotateY(calc(var(--scroll-progress-converted) * 40deg));
  opacity: calc(1 - var(--abs-scroll-progress-converted) * 0.4);

  @supports not (aspect-ratio: 1) {
-    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.005, 0, -342.2, 0, 1)
+    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.005, 0, -342.2, 0, 1);
  }
 }

--- a/src/components/mediaViewer/VideoPlayer.scss
+++ b/src/components/mediaViewer/VideoPlayer.scss
@ -3,7 +3,7 @@
  display: inline-flex;
  flex-direction: column;
  overflow: hidden;
-  
+
  @media (max-width: 600px) {
    overflow: visible;
  }
--- a/src/components/mediaViewer/VideoPlayerControls.scss
+++ b/src/components/mediaViewer/VideoPlayerControls.scss
@ -63,7 +63,7 @@
    /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */
    transition: width 0.2s ease-in-out;

-    &:hover{
+    &:hover {
      overflow: hidden;
      width: var(--volume-slider-width);
      .RangeSlider__input {
--- a/src/components/middle/HeaderPinnedMessage.module.scss
+++ b/src/components/middle/HeaderPinnedMessage.module.scss
@ -115,7 +115,6 @@
  }
 }

-
 .messageTextTransition {
  height: 1.125rem;
  width: 100%;
--- a/src/components/middle/MiddleColumn.module.scss
+++ b/src/components/middle/MiddleColumn.module.scss
@ -69,6 +69,7 @@
    }
  }

+  /* stylelint-disable-next-line @stylistic/max-line-length */
  :global(html.theme-light body:not(.no-page-transitions)) &:not(.customBgImage).withRightColumn.withTransition::before {
    transition: transform var(--layer-transition);
  }
--- a/src/components/middle/MiddleColumn.scss
+++ b/src/components/middle/MiddleColumn.scss
@ -65,8 +65,11 @@
    > .Button {
      opacity: 1;
      transform: scale(1);
-      transition: opacity var(--select-transition), transform var(--select-transition), background-color 0.15s,
-      color 0.15s;
+      transition:
+        opacity var(--select-transition),
+        transform var(--select-transition),
+        background-color 0.15s,
+        color 0.15s;

      body.no-message-composer-animations & {
        transition: none !important;
@ -207,13 +210,14 @@
      left: 0;
      right: 0;
      height: 1px;
-      background: linear-gradient(
+      background:
+        linear-gradient(
          90deg,
          rgba(255, 255, 255, 0) 0%,
          rgba(255, 255, 255, 0.4) 2%,
          rgba(255, 255, 255, 0.4) 98%,
          rgba(255, 255, 255, 0) 100%
-      );
+        );
      opacity: 0;
      transition: opacity 350ms ease;

@ -228,13 +232,14 @@
    }

    html.theme-dark &::before {
-      background: linear-gradient(
+      background:
+        linear-gradient(
          90deg,
          rgba(127, 127, 127, 0) 0%,
          rgba(127, 127, 127, 0.4) 2%,
          rgba(127, 127, 127, 0.4) 98%,
          rgba(127, 127, 127, 0) 100%
-      );
+        );
    }
  }
 }
--- a/src/components/middle/composer/AttachMenu.scss
+++ b/src/components/middle/composer/AttachMenu.scss
@ -30,7 +30,6 @@
      }
    }

-
    .media-disabled > button {
      white-space: normal;
    }
--- a/src/components/middle/composer/AttachmentModal.module.scss
+++ b/src/components/middle/composer/AttachmentModal.module.scss
@ -54,7 +54,6 @@
    }
  }

-
  :global(body.keyboard-visible) & :global(.modal-content) {
    padding-bottom: 0;
  }
@ -69,7 +68,6 @@
    }
  }

-
  &.mobile:global(:not(.open)) :global(.modal-dialog) {
    transform: translate3d(0, 8rem, 0);
  }
--- a/src/components/middle/composer/CustomSendMenu.scss
+++ b/src/components/middle/composer/CustomSendMenu.scss
@ -12,7 +12,6 @@
    }
  }

-
  .media-disabled > button {
    white-space: normal;
  }
--- a/src/components/middle/message/Contact.module.scss
+++ b/src/components/middle/message/Contact.module.scss
@ -53,7 +53,7 @@
  height: 0.0625rem;
  margin: 0 0.5rem;
  background: var(--accent-color);
-  filter: opacity(0.4)
+  filter: opacity(0.4);
 }

 .buttons {
@ -79,4 +79,3 @@
 .emoji-icon-background {
  margin-bottom: 2.25rem;
 }
-  
--- a/src/components/middle/message/Message.scss
+++ b/src/components/middle/message/Message.scss
@ -315,13 +315,20 @@
        /* stylelint-disable-next-line plugin/whole-pixel */
        box-shadow: 0 0 0 0.03125rem rgba(255, 255, 255, 0.3);
        background: rgba(255, 255, 255, 0.3);
-        mask: linear-gradient(to bottom, #fff 0%, #fff 100%) content-box, linear-gradient(to bottom, #fff 0%, #fff 100%);
+        mask:
+          linear-gradient(to bottom, #fff 0%, #fff 100%) content-box,
+          linear-gradient(to bottom, #fff 0%, #fff 100%);
        mask-composite: exclude;
      }

      &.is-unread::before {
        padding: 0.125rem;
-        background: linear-gradient(215.87deg, var(--color-message-story-mention-from) -1.61%, var(--color-message-story-mention-to) 97.44%);
+        background:
+          linear-gradient(
+            215.87deg,
+            var(--color-message-story-mention-from) -1.61%,
+            var(--color-message-story-mention-to) 97.44%,
+          );
        box-shadow: none;
      }
    }
--- a/src/components/middle/message/ReadTimeMenuItem.module.scss
+++ b/src/components/middle/message/ReadTimeMenuItem.module.scss
@ -28,7 +28,7 @@
  filter: opacity(0.8);

  &:hover {
-    filter: brightness(1.10);
+    filter: brightness(1.1);
  }
 }

--- a/src/components/middle/message/_message-content.scss
+++ b/src/components/middle/message/_message-content.scss
@ -961,7 +961,7 @@
 // Remove extra bottom padding from `blockquote`
 .text-entity-blockquote-wrapper {
  display: inline-block;
-  width: 100%
+  width: 100%;
 }

 blockquote, .blockquote {
--- a/src/components/middle/message/reactions/ReactionButton.module.scss
+++ b/src/components/middle/message/reactions/ReactionButton.module.scss
@ -44,7 +44,6 @@
  }
 }

-
 .animated-emoji {
  margin: 0.25rem;
 }
--- a/src/components/modals/chatlist/ChatlistModal.module.scss
+++ b/src/components/modals/chatlist/ChatlistModal.module.scss
@ -45,13 +45,14 @@
    width: 100%;
    height: 100%;

-    background-image: linear-gradient(
-      to right,
-      var(--color-background) 0%,
-      rgba(0, 0, 0, 0) 40%,
-      rgba(0, 0, 0, 0) 60%,
-      var(--color-background) 100%
-    );
+    background-image:
+      linear-gradient(
+        to right,
+        var(--color-background) 0%,
+        rgba(0, 0, 0, 0) 40%,
+        rgba(0, 0, 0, 0) 60%,
+        var(--color-background) 100%
+      );
  }
 }

--- a/src/components/modals/oneTimeMedia/OneTimeMediaModal.module.scss
+++ b/src/components/modals/oneTimeMedia/OneTimeMediaModal.module.scss
@ -1,4 +1,3 @@
-
 .root {
  position: absolute;
  top: 0;
--- a/src/components/payment/CardInput.scss
+++ b/src/components/payment/CardInput.scss
@ -1,7 +1,7 @@
 .CardInput {
  position: relative;

-  .input-group.has-right-addon .form-control{
+  .input-group.has-right-addon .form-control {
    padding-right: 4rem;
  }

--- a/src/components/payment/Checkout.module.scss
+++ b/src/components/payment/Checkout.module.scss
@ -63,7 +63,7 @@
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
-  gap: 0.5rem
+  gap: 0.5rem;
 }

 .tipsItem {
@ -139,7 +139,7 @@
 .tos-checkbox {
  margin-left: 0.625rem;
  padding-left: 3.1875rem;
-  
+
  :global(.Checkbox-main) {
    &::before,
    &::after {
--- a/src/components/right/statistics/BoostStatistics.module.scss
+++ b/src/components/right/statistics/BoostStatistics.module.scss
@ -81,7 +81,7 @@

 .floatingBadgeWarning {
  color: var(--color-orange);
-  background: var( --color-light-coral);
+  background: var(--color-light-coral);
 }

 .floatingBadgeButton {
--- a/src/components/right/statistics/StatisticsOverview.module.scss
+++ b/src/components/right/statistics/StatisticsOverview.module.scss
@ -61,4 +61,3 @@
    color: var(--color-error);
  }
 }
-
--- a/src/components/right/statistics/StatisticsRecentPost.module.scss
+++ b/src/components/right/statistics/StatisticsRecentPost.module.scss
@ -28,7 +28,12 @@
    top: -0.25rem;
    border-radius: 50%;
    background: var(--color-borders-read-story);
-    background-image: linear-gradient(215.87deg, var(--color-avatar-story-unread-from) -1.61%, var(--color-avatar-story-unread-to) 97.44%);
+    background-image:
+      linear-gradient(
+        215.87deg,
+        var(--color-avatar-story-unread-from) -1.61%,
+        var(--color-avatar-story-unread-to) 97.44%,
+      );
  }

  &::after {
--- a/src/components/story/StoryToggler.module.scss
+++ b/src/components/story/StoryToggler.module.scss
@ -63,7 +63,6 @@
  }
 }

-
 .ghostLast:before {
  mask: none !important;
 }
--- a/src/components/story/StoryViewer.module.scss
+++ b/src/components/story/StoryViewer.module.scss
@ -118,7 +118,7 @@
  .composer,
  .caption,
  .captionGradient,
-  .captionBackdrop{
+  .captionBackdrop {
    transition: opacity 250ms ease-in-out;
    opacity: 0;
  }
@ -147,11 +147,13 @@
  position: absolute;
  top: 50%;
  left: 50%;
-  transform: translate3d(
+  transform:
+    translate3d(
      calc(var(--slide-x, -50%) - var(--slide-translate-x, 0px)),
      calc(-50% - var(--slide-translate-y, 0px)),
      0
-  ) scale(var(--slide-translate-scale, 1));
+    )
+    scale(var(--slide-translate-scale, 1));
  transform-origin: 0 50%;

  border-radius: var(--border-radius-default-small);
@ -432,7 +434,6 @@
  }
 }

-
 .closeButton {
  display: none;
  @media (max-width: 600px) {
@ -459,7 +460,6 @@
  }
 }

-
 .visibilityButton {
  min-width: 1.5rem;
  height: 1.5rem;
--- a/src/components/ui/Checkbox.scss
+++ b/src/components/ui/Checkbox.scss
@ -19,7 +19,8 @@
      }

      &::after {
-        background: var(--color-primary)
+        background:
+          var(--color-primary)
          url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjkuOEw1LjggOC45IDIuMSA1LjJjLS40LS40LTEuMS0uNC0xLjYgMC0uNC40LS40IDEuMSAwIDEuNkw1IDExLjJjLjQuNCAxLjEuNCAxLjYgMGw4LjktOC45Yy40LS40LjQtMS4xIDAtMS42LS41LS40LTEuMi0uNC0xLjYuMXoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=)
          no-repeat 50% 50%;
        background-size: 12px;
@ -89,7 +90,8 @@

    &::after {
      /* stylelint-disable-next-line scss/operator-no-unspaced */
-      background: center no-repeat
+      background:
+        center no-repeat
        url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjkuOEw1LjggOC45IDIuMSA1LjJjLS40LS40LTEuMS0uNC0xLjYgMC0uNC40LS40IDEuMSAwIDEuNkw1IDExLjJjLjQuNCAxLjEuNCAxLjYgMGw4LjktOC45Yy40LS40LjQtMS4xIDAtMS42LS41LS40LTEuMi0uNC0xLjYuMXoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);
      background-size: 0.875rem;
      opacity: 0;
--- a/src/components/ui/CropModal.scss
+++ b/src/components/ui/CropModal.scss
@ -54,7 +54,8 @@
    }

    .cr-slider {
-      // Note that while we're repeating code here, that's necessary as you can't comma-separate these type of selectors.
+      // Note that while we're repeating code here,
+      // that's necessary as you can't comma-separate these type of selectors.
      // Browsers will drop the entire selector if it doesn't understand a part of it.

      &::-webkit-slider-runnable-track {
--- a/src/components/ui/ListItem.scss
+++ b/src/components/ui/ListItem.scss
@ -73,11 +73,11 @@

    body.is-ios &,
    body.is-android & {
-      border-radius: 0 ;
+      border-radius: 0;
    }

    @media (max-width: 600px) {
-      border-radius: 0 ;
+      border-radius: 0;
    }

    > .ListItem-main-icon {
--- a/src/components/ui/Notification.scss
+++ b/src/components/ui/Notification.scss
@ -23,7 +23,8 @@
 }

 .Notification {
-  background: rgba(32, 32, 32, 0.8)
+  background:
+    rgba(32, 32, 32, 0.8)
    url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGZpbGw9IiNGRkYiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPjxjaXJjbGUgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBjeD0iMTIiIGN5PSI2LjUiIHI9IjEuNSIvPjxwYXRoIGQ9Ik0xMiA5LjVjLS41NTIgMC0xIC4zNy0xIC44MjZ2Ny4zNDhjMCAuNDU2LjQ0OC44MjYgMSAuODI2czEtLjM3IDEtLjgyNnYtNy4zNDhjMC0uNDU2LS40NDgtLjgyNi0xLS44MjZ6IiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+")
    no-repeat 0.9375rem 50%;
  background-size: 1.5rem;
--- a/src/components/ui/RangeSliderWithMarks.module.scss
+++ b/src/components/ui/RangeSliderWithMarks.module.scss
@ -8,7 +8,7 @@
  border-radius: 50%;
  cursor: var(--custom-cursor, pointer);
  transform: scale(1);
-  transition: transform 0.30s ease-in-out;
+  transition: transform 0.3s ease-in-out;
  z-index: 2;
  -webkit-appearance: none;
  appearance: none;
@ -60,11 +60,14 @@
  transition: opacity 0.2s;
  z-index: 1;

-  background: linear-gradient(to right,
-    var(--color-links) 0%,
-    var(--color-links) var(--fill-percentage),
-    var(--color-text-secondary) var(--fill-percentage),
-    var(--color-text-secondary) 100%);
+  background:
+    linear-gradient(
+      to right,
+      var(--color-links) 0%,
+      var(--color-links) var(--fill-percentage),
+      var(--color-text-secondary) var(--fill-percentage),
+      var(--color-text-secondary) 100%
+    );
 }

 .slider::before,
--- a/src/components/ui/SearchInput.scss
+++ b/src/components/ui/SearchInput.scss
@ -43,7 +43,8 @@
    border-radius: 1.375rem;
    background-color: transparent !important;
    box-shadow: none !important;
-    padding: calc(0.4375rem - var(--border-width)) calc(2.625rem - var(--border-width))
+    padding:
+      calc(0.4375rem - var(--border-width)) calc(2.625rem - var(--border-width))
      calc(0.5rem - var(--border-width)) calc(2.75rem - var(--border-width));

    &::placeholder {
--- a/src/components/ui/Spinner.scss
+++ b/src/components/ui/Spinner.scss
@ -101,4 +101,3 @@
    transform: rotate(360deg);
  }
 }
-
--- a/src/components/ui/Toggle.module.scss
+++ b/src/components/ui/Toggle.module.scss
@ -36,12 +36,12 @@

  &.mid::after {
    transform: translate(calc(var(--widget-width) / 2 - calc(var(--thumb-size) / 2)), -50%);
-    border-color: var(--color-primary)
+    border-color: var(--color-primary);
  }

  &.max::after {
    transform: translate(calc(var(--widget-width) - var(--thumb-size) + 0.125rem), -50%);
-    border-color: var(--color-primary)
+    border-color: var(--color-primary);
  }
 }

--- a/src/components/ui/Transition.scss
+++ b/src/components/ui/Transition.scss
@ -34,7 +34,8 @@
    contain: strict;

    body.is-safari & {
-      // Create a new composite layer to reduce the page repaint area when switching a tab (as `contain` is not supported in Safari)
+      // Create a new composite layer to reduce the page repaint area when switching a tab
+      // Consider experimenting with `contain` when browser support is better
      transform: translate3d(0, 0, 0);
    }

@ -84,7 +85,6 @@
    }
  }

-
  &-slideRtlBackwards {
    > .Transition_slide-to {
      transform: translateX(100%);
@ -171,8 +171,9 @@

      opacity: 1;

-      animation: fade-in-backwards-opacity var(--slide-transition),
-      slide-fade-in-backwards-move var(--slide-transition);
+      animation:
+        fade-in-backwards-opacity var(--slide-transition),
+        slide-fade-in-backwards-move var(--slide-transition);
    }

    > .Transition_slide-to {
@ -180,8 +181,9 @@

      opacity: 0;

-      animation: fade-out-backwards-opacity var(--slide-transition),
-      slide-fade-out-backwards-move var(--slide-transition);
+      animation:
+        fade-out-backwards-opacity var(--slide-transition),
+        slide-fade-out-backwards-move var(--slide-transition);
    }
  }

@ -218,8 +220,9 @@

      opacity: 1;

-      animation: fade-in-backwards-opacity var(--slide-transition),
-      slide-fade-in-backwards-move-android var(--slide-transition);
+      animation:
+        fade-in-backwards-opacity var(--slide-transition),
+        slide-fade-in-backwards-move-android var(--slide-transition);
    }
  }

--- a/src/components/ui/placeholder/PlaceholderChatInfo.module.scss
+++ b/src/components/ui/placeholder/PlaceholderChatInfo.module.scss
@ -32,7 +32,8 @@
 }

 .animated {
-  background: linear-gradient(
+  background:
+    linear-gradient(
      90deg,
      var(--color-skeleton-background),
      var(--color-skeleton-foreground),
--- a/src/lib/lovely-chart/styles/_animations.scss
+++ b/src/lib/lovely-chart/styles/_animations.scss
@ -66,7 +66,7 @@
  }

  to {
-    transform: rotate(360deg)
+    transform: rotate(360deg);
  }
 }

--- a/src/serviceWorker/pushNotification.ts
+++ b/src/serviceWorker/pushNotification.ts
@ -138,6 +138,7 @@ function showNotification({
    icon: icon || 'icon-192x192.png',
    badge: 'icon-192x192.png',
    tag,
+    // @ts-ignore
    vibrate: [200, 100, 200],
  };

--- a/src/styles/_mixins.scss
+++ b/src/styles/_mixins.scss
@ -33,23 +33,25 @@
  }

  @if $colorCount == 2 {
-    #{$property}: repeating-linear-gradient(
-      -45deg,
-      rgb(var(--_accent-color-rgb), 100%),
-      rgb(var(--_accent-color-rgb), 100%) 5px,
-      rgb(var(--_accent-color-rgb), 35%) 5px,
-      rgb(var(--_accent-color-rgb), 35%) 10px
-    );
+    #{$property}:
+      repeating-linear-gradient(
+        -45deg,
+        rgb(var(--_accent-color-rgb), 100%),
+        rgb(var(--_accent-color-rgb), 100%) 5px,
+        rgb(var(--_accent-color-rgb), 35%) 5px,
+        rgb(var(--_accent-color-rgb), 35%) 10px
+      );
  } @else {
-    #{$property}: repeating-linear-gradient(
-      -45deg,
-      rgb(var(--_accent-color-rgb), 100%),
-      rgb(var(--_accent-color-rgb), 100%) 5px,
-      rgb(var(--_accent-color-rgb), 60%) 5px,
-      rgb(var(--_accent-color-rgb), 60%) 10px,
-      rgb(var(--_accent-color-rgb), 20%) 10px,
-      rgb(var(--_accent-color-rgb), 20%) 15px
-    );
+    #{$property}:
+      repeating-linear-gradient(
+        -45deg,
+        rgb(var(--_accent-color-rgb), 100%),
+        rgb(var(--_accent-color-rgb), 100%) 5px,
+        rgb(var(--_accent-color-rgb), 60%) 5px,
+        rgb(var(--_accent-color-rgb), 60%) 10px,
+        rgb(var(--_accent-color-rgb), 20%) 10px,
+        rgb(var(--_accent-color-rgb), 20%) 15px
+      );
  }
 }

--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@ -1,3 +1,5 @@
+/* stylelint-disable @stylistic/value-list-comma-newline-after */
+/* stylelint-disable @stylistic/declaration-colon-newline-after */
@use "reboot";
@use "variables";
@use "mixins";
@ -27,9 +29,10 @@ body {
  -moz-osx-font-smoothing: grayscale;
  user-select: none;

-  --font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", Oxygen, Ubuntu, Cantarell,
-    "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  --font-family-monospace: "Cascadia Mono", "Roboto Mono", "Droid Sans Mono", 'SF Mono', "Menlo", "Ubuntu Mono", "Consolas", monospace;
+  --font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", Oxygen, Ubuntu,
+    Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  --font-family-monospace: "Cascadia Mono", "Roboto Mono", "Droid Sans Mono", 'SF Mono', "Menlo", "Ubuntu Mono",
+    "Consolas", monospace;

  @media (max-width: 600px) {
    height: calc(var(--vh, 1vh) * 100);
@ -56,18 +59,19 @@ html.theme-dark {

 body.is-ios,
 body.is-macos {
-  --font-family: system-ui, -apple-system, BlinkMacSystemFont, "Roboto", "Apple Color Emoji", "Helvetica Neue", sans-serif;
+  --font-family: system-ui, -apple-system, BlinkMacSystemFont, "Roboto", "Apple Color Emoji", "Helvetica Neue",
+    sans-serif;
 }

 html[lang="fa"],
 html[lang="fa"] body {
-  --font-family: "Vazirmatn", "Roboto", -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", Oxygen, Ubuntu,
-    Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  --font-family: "Vazirmatn", "Roboto", -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", Oxygen,
+    Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;

  &.is-ios,
  &.is-macos {
-    --font-family: "Vazirmatn", -apple-system, BlinkMacSystemFont, "Roboto", "Apple Color Emoji", "Segoe UI", Oxygen, Ubuntu,
-      Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+    --font-family: "Vazirmatn", -apple-system, BlinkMacSystemFont, "Roboto", "Apple Color Emoji", "Segoe UI", Oxygen,
+      Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  }
 }

--- a/src/styles/reboot.css
+++ b/src/styles/reboot.css
@ -149,8 +149,8 @@ pre,
 code,
 kbd,
 samp {
-  font: 0.9375rem/1.25 "Courier", "Courier New", "Nimbus Mono L", "Courier 10 Pitch", "FreeMono", sans-serif-monospace,
-    monospace;
+  /* stylelint-disable-next-line @stylistic/max-line-length */
+  font: 0.9375rem/1.25 "Courier", "Courier New", "Nimbus Mono L", "Courier 10 Pitch", "FreeMono", sans-serif-monospace, monospace;
  font-size-adjust: 0.43;
 }

--- a/src/util/notifications.ts
+++ b/src/util/notifications.ts
@ -431,6 +431,7 @@ export async function notifyAboutCall({
  };

  if ('vibrate' in navigator) {
+    // @ts-ignore
    options.vibrate = [200, 100, 200];
  }

@ -507,6 +508,7 @@ export async function notifyAboutMessage({
    };

    if ('vibrate' in navigator) {
+      // @ts-ignore
      options.vibrate = [200, 100, 200];
    }

--- a/webpack.config.ts
+++ b/webpack.config.ts
@ -120,6 +120,9 @@ export default function createConfig(
              loader: 'css-loader',
              options: {
                importLoaders: 1,
+                modules: {
+                  namedExport: false,
+                },
              },
            },
            'postcss-loader',
@ -133,6 +136,7 @@ export default function createConfig(
              loader: 'css-loader',
              options: {
                modules: {
+                  namedExport: false,
                  exportLocalsConvention: 'camelCase',
                  auto: true,
                  localIdentName: APP_ENV === 'production' ? '[sha1:hash:base64:8]' : '[name]__[local]',