refactor: Simplify ServerCard component layout and styles for improved readability and user experience, including badge updates and streamlined conditional rendering.

2026-01-20 13:54:45 +07:00
parent 6a96c368e3
commit 8d34822d12
2 changed files with 42 additions and 514 deletions
@@ -11,7 +11,6 @@
      "dependencies": {
        "@aws-sdk/client-s3": "^3.687.0",
        "ajv": "^8.17.1",
-        "aws-sdk": "^2.1692.0",
        "compression": "^1.7.4",
        "cors": "^2.8.5",
        "dotenv": "^17.0.1",
@@ -1718,43 +1717,6 @@
        "node": ">=8.0.0"
      }
    },
-    "node_modules/available-typed-arrays": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
-      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
-      "license": "MIT",
-      "dependencies": {
-        "possible-typed-array-names": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/aws-sdk": {
-      "version": "2.1692.0",
-      "resolved": "https://registry.npmjs.org/aws-sdk/-/aws-sdk-2.1692.0.tgz",
-      "integrity": "sha512-x511uiJ/57FIsbgUe5csJ13k3uzu25uWQE+XqfBis/sB0SFoiElJWXRkgEAUh0U6n40eT3ay5Ue4oPkRMu1LYw==",
-      "hasInstallScript": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "buffer": "4.9.2",
-        "events": "1.1.1",
-        "ieee754": "1.1.13",
-        "jmespath": "0.16.0",
-        "querystring": "0.2.0",
-        "sax": "1.2.1",
-        "url": "0.10.3",
-        "util": "^0.12.4",
-        "uuid": "8.0.0",
-        "xml2js": "0.6.2"
-      },
-      "engines": {
-        "node": ">= 10.0.0"
-      }
-    },
    "node_modules/balanced-match": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -1762,26 +1724,6 @@
      "dev": true,
      "license": "MIT"
    },
-    "node_modules/base64-js": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
-      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "license": "MIT"
-    },
    "node_modules/binary-extensions": {
      "version": "2.3.0",
      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
@@ -1870,17 +1812,6 @@
        "node": ">=8"
      }
    },
-    "node_modules/buffer": {
-      "version": "4.9.2",
-      "resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.2.tgz",
-      "integrity": "sha512-xq+q3SRMOxGivLhBNaUdC64hDTQwejJ+H0T/NB1XMtTVEwNTrfFF3gAxiyW0Bu/xWEGhjVKgUcMhCrUy2+uCWg==",
-      "license": "MIT",
-      "dependencies": {
-        "base64-js": "^1.0.2",
-        "ieee754": "^1.1.4",
-        "isarray": "^1.0.0"
-      }
-    },
    "node_modules/bytes": {
      "version": "3.1.2",
      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
@@ -1890,24 +1821,6 @@
        "node": ">= 0.8"
      }
    },
-    "node_modules/call-bind": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
-      "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
-      "license": "MIT",
-      "dependencies": {
-        "call-bind-apply-helpers": "^1.0.0",
-        "es-define-property": "^1.0.0",
-        "get-intrinsic": "^1.2.4",
-        "set-function-length": "^1.2.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
    "node_modules/call-bind-apply-helpers": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
@@ -2090,23 +2003,6 @@
        }
      }
    },
-    "node_modules/define-data-property": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
-      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
-      "license": "MIT",
-      "dependencies": {
-        "es-define-property": "^1.0.0",
-        "es-errors": "^1.3.0",
-        "gopd": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
    "node_modules/depd": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
@@ -2212,15 +2108,6 @@
        "node": ">= 0.6"
      }
    },
-    "node_modules/events": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/events/-/events-1.1.1.tgz",
-      "integrity": "sha512-kEcvvCBByWXGnZy6JUlgAp2gBIUjfCAV6P6TgT1/aaQKcmuAEC4OZTV1I4EWQLz2gxZw76atuVyvHhTxvi0Flw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.4.x"
-      }
-    },
    "node_modules/express": {
      "version": "4.21.2",
      "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz",
@@ -2389,21 +2276,6 @@
      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
      "license": "MIT"
    },
-    "node_modules/for-each": {
-      "version": "0.3.5",
-      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
-      "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
-      "license": "MIT",
-      "dependencies": {
-        "is-callable": "^1.2.7"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
    "node_modules/forwarded": {
      "version": "0.2.0",
      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -2527,18 +2399,6 @@
        "node": ">=4"
      }
    },
-    "node_modules/has-property-descriptors": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
-      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
-      "license": "MIT",
-      "dependencies": {
-        "es-define-property": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
    "node_modules/has-symbols": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
@@ -2551,21 +2411,6 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
-    "node_modules/has-tostringtag": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
-      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
-      "license": "MIT",
-      "dependencies": {
-        "has-symbols": "^1.0.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
    "node_modules/hasown": {
      "version": "2.0.2",
      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
@@ -2615,12 +2460,6 @@
        "node": ">=0.10.0"
      }
    },
-    "node_modules/ieee754": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.1.13.tgz",
-      "integrity": "sha512-4vf7I2LYV/HaWerSo3XmlMkp5eZ83i+/CDluXi/IGTs/O1sejBNhTtnxzmRZfvOUqj7lZjqHkeTvpgSFDlWZTg==",
-      "license": "BSD-3-Clause"
-    },
    "node_modules/ignore-by-default": {
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/ignore-by-default/-/ignore-by-default-1.0.1.tgz",
@@ -2643,22 +2482,6 @@
        "node": ">= 0.10"
      }
    },
-    "node_modules/is-arguments": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.2.0.tgz",
-      "integrity": "sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==",
-      "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "has-tostringtag": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
    "node_modules/is-binary-path": {
      "version": "2.1.0",
      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -2672,18 +2495,6 @@
        "node": ">=8"
      }
    },
-    "node_modules/is-callable": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
-      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
    "node_modules/is-extglob": {
      "version": "2.1.1",
      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
@@ -2694,24 +2505,6 @@
        "node": ">=0.10.0"
      }
    },
-    "node_modules/is-generator-function": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.0.tgz",
-      "integrity": "sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==",
-      "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.3",
-        "get-proto": "^1.0.0",
-        "has-tostringtag": "^1.0.2",
-        "safe-regex-test": "^1.1.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
    "node_modules/is-glob": {
      "version": "4.0.3",
      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
@@ -2735,54 +2528,6 @@
        "node": ">=0.12.0"
      }
    },
-    "node_modules/is-regex": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
-      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
-      "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "gopd": "^1.2.0",
-        "has-tostringtag": "^1.0.2",
-        "hasown": "^2.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-typed-array": {
-      "version": "1.1.15",
-      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
-      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
-      "license": "MIT",
-      "dependencies": {
-        "which-typed-array": "^1.1.16"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/isarray": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
-      "license": "MIT"
-    },
-    "node_modules/jmespath": {
-      "version": "0.16.0",
-      "resolved": "https://registry.npmjs.org/jmespath/-/jmespath-0.16.0.tgz",
-      "integrity": "sha512-9FzQjJ7MATs1tSpnco1K6ayiYE3figslrXA72G2HQ/n76RzvYlofyi5QM+iX4YRs/pu3yzxlVQSST23+dMDknw==",
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">= 0.6.0"
-      }
-    },
    "node_modules/json-schema-traverse": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
@@ -3053,15 +2798,6 @@
      "integrity": "sha512-e906FRY0+tV27iq4juKzSYPbUj2do2X2JX4EzSca1631EB2QJQUqGbDuERal7LCtOpxl6x3+nvo9NPZcmjkiFA==",
      "license": "MIT"
    },
-    "node_modules/possible-typed-array-names": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
-      "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
    "node_modules/process-warning": {
      "version": "5.0.0",
      "resolved": "https://registry.npmjs.org/process-warning/-/process-warning-5.0.0.tgz",
@@ -3111,12 +2847,6 @@
      "dev": true,
      "license": "MIT"
    },
-    "node_modules/punycode": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.3.2.tgz",
-      "integrity": "sha512-RofWgt/7fL5wP1Y7fxE7/EmTLzQVnB0ycyibJ0OOHIlJqTNzglYFxVwETOcIoJqJmpDXJ9xImDv+Fq34F/d4Dw==",
-      "license": "MIT"
-    },
    "node_modules/qs": {
      "version": "6.13.0",
      "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
@@ -3132,15 +2862,6 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
-    "node_modules/querystring": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/querystring/-/querystring-0.2.0.tgz",
-      "integrity": "sha512-X/xY82scca2tau62i9mDyU9K+I+djTMUsvwf7xnUX5GLvVzgJybOJf4Y6o9Zx3oJK/LSXg5tTZBjwzqVPaPO2g==",
-      "deprecated": "The querystring API is considered Legacy. new code should use the URLSearchParams API instead.",
-      "engines": {
-        "node": ">=0.4.x"
-      }
-    },
    "node_modules/quick-format-unescaped": {
      "version": "4.0.4",
      "resolved": "https://registry.npmjs.org/quick-format-unescaped/-/quick-format-unescaped-4.0.4.tgz",
@@ -3222,23 +2943,6 @@
      ],
      "license": "MIT"
    },
-    "node_modules/safe-regex-test": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
-      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
-      "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "es-errors": "^1.3.0",
-        "is-regex": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
    "node_modules/safe-stable-stringify": {
      "version": "2.5.0",
      "resolved": "https://registry.npmjs.org/safe-stable-stringify/-/safe-stable-stringify-2.5.0.tgz",
@@ -3254,12 +2958,6 @@
      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
      "license": "MIT"
    },
-    "node_modules/sax": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.1.tgz",
-      "integrity": "sha512-8I2a3LovHTOpm7NV5yOyO8IHqgVsfK4+UuySrXU8YXkSRX7k6hCV9b3HrkKCr3nMpgj+0bmocaJJWpvp1oc7ZA==",
-      "license": "ISC"
-    },
    "node_modules/semver": {
      "version": "7.7.2",
      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
@@ -3336,23 +3034,6 @@
        "node": ">= 0.8.0"
      }
    },
-    "node_modules/set-function-length": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
-      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
-      "license": "MIT",
-      "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"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
    "node_modules/setprototypeof": {
      "version": "1.2.0",
      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
@@ -3581,29 +3262,6 @@
        "node": ">= 0.8"
      }
    },
-    "node_modules/url": {
-      "version": "0.10.3",
-      "resolved": "https://registry.npmjs.org/url/-/url-0.10.3.tgz",
-      "integrity": "sha512-hzSUW2q06EqL1gKM/a+obYHLIO6ct2hwPuviqTTOcfFVc61UbfJ2Q32+uGL/HCPxKqrdGB5QUwIe7UqlDgwsOQ==",
-      "license": "MIT",
-      "dependencies": {
-        "punycode": "1.3.2",
-        "querystring": "0.2.0"
-      }
-    },
-    "node_modules/util": {
-      "version": "0.12.5",
-      "resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz",
-      "integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==",
-      "license": "MIT",
-      "dependencies": {
-        "inherits": "^2.0.3",
-        "is-arguments": "^1.0.4",
-        "is-generator-function": "^1.0.7",
-        "is-typed-array": "^1.1.3",
-        "which-typed-array": "^1.1.2"
-      }
-    },
    "node_modules/utils-merge": {
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
@@ -3613,15 +3271,6 @@
        "node": ">= 0.4.0"
      }
    },
-    "node_modules/uuid": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.0.0.tgz",
-      "integrity": "sha512-jOXGuXZAWdsTH7eZLtyXMqUb9EcWMGZNbL9YcGBJl4MH4nrxHmZJhEHvyLFrkxo+28uLb/NYRcStH48fnD0Vzw==",
-      "license": "MIT",
-      "bin": {
-        "uuid": "dist/bin/uuid"
-      }
-    },
    "node_modules/vary": {
      "version": "1.1.2",
      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
@@ -3630,49 +3279,6 @@
      "engines": {
        "node": ">= 0.8"
      }
-    },
-    "node_modules/which-typed-array": {
-      "version": "1.1.19",
-      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.19.tgz",
-      "integrity": "sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==",
-      "license": "MIT",
-      "dependencies": {
-        "available-typed-arrays": "^1.0.7",
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.4",
-        "for-each": "^0.3.5",
-        "get-proto": "^1.0.1",
-        "gopd": "^1.2.0",
-        "has-tostringtag": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/xml2js": {
-      "version": "0.6.2",
-      "resolved": "https://registry.npmjs.org/xml2js/-/xml2js-0.6.2.tgz",
-      "integrity": "sha512-T4rieHaC1EXcES0Kxxj4JWgaUQHDk+qwHcYOCFHfiwKz7tOVPLq7Hjq9dM1WCMhylqMEfP7hMcOIChvotiZegA==",
-      "license": "MIT",
-      "dependencies": {
-        "sax": ">=0.6.0",
-        "xmlbuilder": "~11.0.0"
-      },
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
-    "node_modules/xmlbuilder": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-11.0.1.tgz",
-      "integrity": "sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=4.0"
-      }
    }
  }
 }
@@ -9,8 +9,7 @@ import {
  IconNetwork,
  IconCheck,
  IconCircleCheck,
-  IconExternalLink,
-  IconRefresh
+  IconExternalLink
 } from '@tabler/icons-react';
 import { useState } from 'react';

@@ -51,30 +50,22 @@ export default function ServerCard({

  return (
    <div
-      className="server-row mb-2"
+      className={`server-row card mb-2 ${selected ? 'border-primary border-2' : ''}`}
      style={{
        borderRadius: '10px',
        overflow: 'hidden',
-        background: selected ? 'rgba(32, 107, 196, 0.04)' : '#fff',
-        border: selected ? '2px solid #206bc4' : '1px solid rgba(0,0,0,0.08)',
-        transition: 'all 0.15s ease',
-        boxShadow: '0 1px 3px rgba(0,0,0,0.04)'
+        transition: 'all 0.15s ease'
      }}
    >
-      {/* Основная строка - всё в одну линию */}
+      {/* Основная строка */}
      <div 
        className="d-flex align-items-center px-3"
        style={{ height: '52px' }}
      >
        {/* Статус онлайн */}
        <div
-          className="rounded-circle flex-shrink-0"
-          style={{ 
-            width: 10, 
-            height: 10, 
-            background: '#22c55e',
-            marginRight: '12px'
-          }}
+          className="rounded-circle bg-success flex-shrink-0"
+          style={{ width: 10, height: 10, marginRight: '12px' }}
          title="Онлайн"
        />

@@ -99,24 +90,13 @@ export default function ServerCard({
        </button>

        {/* Количество соединений */}
-        <div 
-          className="d-flex align-items-center justify-content-center flex-shrink-0 me-3"
-          style={{
-            background: 'rgba(32, 107, 196, 0.08)',
-            borderRadius: '6px',
-            padding: '3px 8px',
-            minWidth: '38px'
-          }}
-        >
-          <IconNetwork size={13} className="text-primary" style={{ marginRight: 3 }} />
-          <span className="fw-bold text-primary" style={{ fontSize: '0.75rem' }}>{connectionsCount}</span>
-        </div>
+        <span className="badge bg-green-lt text-green me-3 flex-shrink-0">
+          <IconNetwork size={12} className="me-1" />
+          {connectionsCount}
+        </span>

-        {/* Флаг */}
-        <span 
-          className="flex-shrink-0 me-2"
-          style={{ fontSize: '1.15rem', lineHeight: 1 }}
-        >
+        {/* Флаг + Страна */}
+        <span className="me-2 flex-shrink-0" style={{ fontSize: '1.1rem' }}>
          {countryToFlag(server.country)}
        </span>

@@ -125,8 +105,8 @@ export default function ServerCard({
          className="fw-semibold me-3 flex-shrink-0"
          style={{ 
            fontSize: '0.9rem',
-            minWidth: '100px',
-            maxWidth: '140px',
+            minWidth: '80px',
+            maxWidth: '120px',
            overflow: 'hidden',
            textOverflow: 'ellipsis',
            whiteSpace: 'nowrap'
@@ -135,47 +115,18 @@ export default function ServerCard({
          {shortName}
        </span>

-        {/* Тип */}
-        <span 
-          className={`badge flex-shrink-0 me-3 ${isExit ? 'bg-danger' : 'bg-primary'}`}
-          style={{ 
-            fontSize: '0.65rem',
-            padding: '3px 8px',
-            borderRadius: '4px',
-            fontWeight: 600,
-            letterSpacing: '0.3px'
-          }}
-        >
+        {/* Тип сервера */}
+        <span className={`badge me-3 flex-shrink-0 ${isExit ? 'bg-red-lt text-red' : 'bg-blue-lt text-blue'}`}>
          {isExit ? 'EXIT' : 'JUMP'}
        </span>

        {/* Провайдер */}
-        <span 
-          className="badge flex-shrink-0 me-3"
-          style={{ 
-            fontSize: '0.7rem',
-            padding: '4px 8px',
-            borderRadius: '4px',
-            background: 'rgba(0,0,0,0.06)',
-            color: '#374151',
-            fontWeight: 500
-          }}
-        >
+        <span className="badge bg-secondary-lt text-secondary me-3 flex-shrink-0">
          {server.provider}
        </span>

        {/* Туннель */}
-        <span 
-          className="badge flex-shrink-0 me-3"
-          style={{ 
-            fontSize: '0.65rem',
-            padding: '3px 6px',
-            borderRadius: '4px',
-            background: 'rgba(20, 184, 166, 0.12)',
-            color: '#0d9488',
-            fontWeight: 500
-          }}
-        >
+        <span className="badge bg-teal-lt text-teal me-3 flex-shrink-0">
          {server.tunnel}
        </span>

@@ -197,18 +148,8 @@ export default function ServerCard({

        {/* Gateway */}
        {primaryGateway && (
-          <span 
-            className="badge flex-shrink-0 me-3"
-            style={{ 
-              fontSize: '0.7rem',
-              padding: '4px 8px',
-              borderRadius: '4px',
-              background: 'rgba(34, 197, 94, 0.1)',
-              color: '#16a34a',
-              fontWeight: 500
-            }}
-          >
-            <IconServer size={11} className="me-1" style={{ marginTop: -1 }} />
+          <span className="badge bg-cyan-lt text-cyan me-3 flex-shrink-0">
+            <IconServer size={11} className="me-1" />
            {primaryGateway}
          </span>
        )}
@@ -216,90 +157,71 @@ export default function ServerCard({
        {/* Действия */}
        <div className="d-flex align-items-center gap-1 flex-shrink-0">
          <button
-            className="btn btn-ghost-primary btn-sm p-1"
+            className="btn btn-ghost-primary btn-icon btn-sm"
            title="Скопировать ссылку"
            onClick={(e) => { e.stopPropagation(); onQuickCopy?.(server); }}
-            style={{ width: 28, height: 28, borderRadius: '6px' }}
          >
-            <IconCopy size={15} />
+            <IconCopy size={16} />
          </button>
          <button
-            className="btn btn-ghost-secondary btn-sm p-1"
+            className="btn btn-ghost-secondary btn-icon btn-sm"
            title="Генератор ссылок"
            onClick={(e) => { e.stopPropagation(); onGenerateLink?.(server); }}
-            style={{ width: 28, height: 28, borderRadius: '6px' }}
          >
-            <IconLink size={15} />
+            <IconLink size={16} />
          </button>
          <button
-            className="btn btn-ghost-secondary btn-sm p-1"
+            className="btn btn-ghost-secondary btn-icon btn-sm"
            title="Редактировать"
            onClick={(e) => { e.stopPropagation(); onEdit?.(server); }}
-            style={{ width: 28, height: 28, borderRadius: '6px' }}
          >
-            <IconEdit size={15} />
+            <IconEdit size={16} />
          </button>
          <button
-            className="btn btn-ghost-danger btn-sm p-1"
+            className="btn btn-ghost-danger btn-icon btn-sm"
            title="Удалить"
            onClick={(e) => { e.stopPropagation(); onDelete?.(server); }}
-            style={{ width: 28, height: 28, borderRadius: '6px' }}
          >
-            <IconTrash size={15} />
+            <IconTrash size={16} />
          </button>
          <button
-            className="btn btn-ghost-secondary btn-sm p-1"
+            className="btn btn-ghost-secondary btn-icon btn-sm"
            onClick={() => setExpanded(!expanded)}
            title={expanded ? 'Свернуть' : 'Развернуть'}
-            style={{ width: 28, height: 28, borderRadius: '6px' }}
          >
-            {expanded ? <IconChevronUp size={15} /> : <IconChevronDown size={15} />}
+            {expanded ? <IconChevronUp size={16} /> : <IconChevronDown size={16} />}
          </button>
        </div>
      </div>

      {/* Расширенная информация */}
      {expanded && (
-        <div 
-          className="px-4 py-3"
-          style={{ 
-            background: 'rgba(0,0,0,0.015)',
-            borderTop: '1px solid rgba(0,0,0,0.06)'
-          }}
-        >
-          <div className="row g-3">
+        <div className="card-body pt-0 border-top">
+          <div className="row g-3 pt-3">
            <div className="col-md-3">
-              <div className="text-muted small mb-1" style={{ fontSize: '0.7rem', textTransform: 'uppercase', letterSpacing: '0.5px' }}>IP адрес</div>
-              <code style={{ fontSize: '0.85rem' }}>{server.ip}</code>
+              <div className="text-muted small mb-1">IP адрес</div>
+              <code>{server.ip}</code>
            </div>
            <div className="col-md-3">
-              <div className="text-muted small mb-1" style={{ fontSize: '0.7rem', textTransform: 'uppercase', letterSpacing: '0.5px' }}>Внешний IP</div>
-              <code style={{ fontSize: '0.85rem' }}>{server.extIp || '—'}</code>
+              <div className="text-muted small mb-1">Внешний IP</div>
+              <code>{server.extIp || '—'}</code>
            </div>
            <div className="col-md-3">
-              <div className="text-muted small mb-1" style={{ fontSize: '0.7rem', textTransform: 'uppercase', letterSpacing: '0.5px' }}>Внутренний IP</div>
-              <code style={{ fontSize: '0.85rem' }}>{server.internalIp || '—'}</code>
+              <div className="text-muted small mb-1">Внутренний IP</div>
+              <code>{server.internalIp || '—'}</code>
            </div>
            <div className="col-md-3">
-              <div className="text-muted small mb-1" style={{ fontSize: '0.7rem', textTransform: 'uppercase', letterSpacing: '0.5px' }}>Страна</div>
-              <span style={{ fontSize: '0.85rem' }}>{countryToFlag(server.country)} {server.country}</span>
+              <div className="text-muted small mb-1">Страна</div>
+              <span>{countryToFlag(server.country)} {server.country}</span>
            </div>
            {server.gateways?.length > 0 && (
              <div className="col-12">
-                <div className="text-muted small mb-2" style={{ fontSize: '0.7rem', textTransform: 'uppercase', letterSpacing: '0.5px' }}>
-                  Шлюзы ({server.gateways.length})
-                </div>
+                <div className="text-muted small mb-2">Шлюзы ({server.gateways.length})</div>
                <div className="d-flex flex-wrap gap-2">
                  {server.gateways.map((gw, idx) => (
                    <span
                      key={gw.id || idx}
-                      className={`badge ${gw.primary ? 'bg-primary' : ''}`}
-                      style={{ 
-                        fontSize: '0.75rem', 
-                        padding: '5px 10px',
-                        background: gw.primary ? undefined : 'rgba(0,0,0,0.06)',
-                        color: gw.primary ? undefined : '#374151'
-                      }}
+                      className={`badge ${gw.primary ? 'bg-primary' : 'bg-secondary-lt text-secondary'}`}
                      title={gw.comment || (gw.primary ? 'Основной' : 'Резервный')}
                    >
                      {gw.primary && <IconCheck size={11} className="me-1" />}