feat: Add payment modal to BillingManager for streamlined payment entry and management

frontend/src/Dashboard.jsx

@@ -212,8 +212,8 @@ function Dashboard() {
       </div>
 
       {/* Дополнительные метрики */}
-      <div className="row g-3 mb-4">
-        <div className="col-md-2">
+      <div className="row g-3 mb-4 justify-content-center">
+        <div className="col-sm-6 col-md-3">
           <MetricCard
             title="Стран"
             value={loading ? '...' : stats.countriesCount ?? '—'}
@@ -222,7 +222,7 @@ function Dashboard() {
             description="Географическое покрытие"
           />
         </div>
-        <div className="col-md-2">
+        <div className="col-sm-6 col-md-3">
           <MetricCard
             title="Провайдеров"
             value={loading ? '...' : stats.providersCount ?? '—'}
@@ -231,16 +231,16 @@ function Dashboard() {
             description="Облачные провайдеры"
           />
         </div>
-        <div className="col-md-2">
+        <div className="col-sm-6 col-md-3">
           <MetricCard
             title="Онлайн серверов"
             value={loading ? '...' : `${stats.onlineServers ?? '—'}/${stats.totalServers ?? '—'}`}
-            icon={IconShield}
+            icon={IconServer}
             color="success"
             description="Активные серверы"
           />
         </div>
-        <div className="col-md-2">
+        <div className="col-sm-6 col-md-3">
           <MetricCard
             title="Последнее обновление"
             value={loading ? '...' : (stats.lastModified ? stats.lastModified : '—')}