feat(EasySwitch): enhance Easy Switch UI with new styles and layout adjustments for improved user experience

frontend/src/App.css

@@ -697,6 +697,82 @@ body.sidebar-overlay-open {
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 }
 
+/* Easy Switch: bring visuals in line with Tabler pages */
+.easy-switch-page .card-tabs .nav-link {
+  font-weight: 500;
+}
+
+.easy-switch-server-header {
+  background-color: rgba(32, 107, 196, 0.05);
+  cursor: pointer;
+  user-select: none;
+}
+
+.easy-switch-flag {
+  font-size: 1.5rem;
+  line-height: 1;
+}
+
+.easy-switch-gateway-card {
+  cursor: pointer;
+  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
+  border: 1px solid var(--tblr-border-color);
+  position: relative;
+}
+
+.easy-switch-gateway-card:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 0.125rem 0.375rem rgba(32, 41, 57, 0.1);
+}
+
+.easy-switch-gateway-card-active {
+  border: 1px solid var(--tblr-primary) !important;
+  box-shadow: 0 0.25rem 0.75rem rgba(32, 107, 196, 0.25);
+}
+
+.easy-switch-active-check {
+  width: 20px;
+  height: 20px;
+  position: absolute;
+  top: 8px;
+  right: 8px;
+}
+
+.easy-switch-fast-slot {
+  min-height: 18px;
+}
+
+.easy-switch-fast-badge {
+  font-size: 0.65rem;
+  padding: 2px 6px;
+}
+
+.easy-switch-gateway-flag {
+  width: 28px;
+  height: 28px;
+  font-size: 1.25rem;
+  line-height: 1;
+  background-color: rgba(0, 0, 0, 0.06);
+}
+
+.easy-switch-gateway-flag-active {
+  background-color: rgba(255, 255, 255, 0.25);
+}
+
+.easy-switch-gateway-title {
+  font-size: 0.85rem;
+  line-height: 1.2;
+  word-break: break-word;
+}
+
+.easy-switch-gateway-ip {
+  font-size: 0.75rem;
+}
+
+.easy-switch-gateway-ping {
+  font-size: 1.1rem;
+}
+
 /* Ripple effect для кнопок */
 @keyframes ripple {
   to {