Reposition Gateway traffic summary below power controls

src/web/components/ClientOverviewPage.jsx

@@ -1426,25 +1426,6 @@ export function ClientOverviewPage({
             </div>
           </div>
 
-          {isGateway && <section className="client-gateway-summary" aria-label="Общий трафик Harbor">
-            <div className="client-gateway-traffic-heading">
-              <span>Учтено Harbor</span>
-              <strong>{formatByteString(globalTraffic?.totalBytes || '0')}</strong>
-            </div>
-            <div className="client-gateway-traffic-chart">
-              <TrafficChart
-                samples={globalTraffic?.history || []}
-                capacity={deviceSnapshot?.trafficHistoryCapacity || 120}
-                routeLabel="Gateway"
-              />
-            </div>
-            <div className={`client-gateway-traffic-freshness${trafficSourceError ? ' is-stale' : ''}`} role="status" aria-live="polite">
-              {trafficSourceError
-                ? `Трафик не обновляется · последние данные ${trafficFreshness}`
-                : globalTraffic?.observedAt ? `Обновлено ${trafficFreshness}` : 'Ожидаем первые данные трафика'}
-            </div>
-          </section>}
-
           <section className={`client-proxies${isGateway ? ' is-gateway' : ''}`} aria-label={isGateway ? 'Gateway и Gateway Proxy' : 'Локальный прокси'}>
             <div className="client-access-point">
               {!isGateway && (
@@ -1486,6 +1467,25 @@ export function ClientOverviewPage({
         </section>
         )}
 
+        {isGateway && <section className="client-gateway-summary" aria-label="Общий трафик Harbor">
+          <div className="client-gateway-traffic-heading">
+            <span>Учтено Harbor</span>
+            <strong>{formatByteString(globalTraffic?.totalBytes || '0')}</strong>
+          </div>
+          <div className="client-gateway-traffic-chart">
+            <TrafficChart
+              samples={globalTraffic?.history || []}
+              capacity={deviceSnapshot?.trafficHistoryCapacity || 120}
+              routeLabel="Gateway"
+            />
+          </div>
+          <div className={`client-gateway-traffic-freshness${trafficSourceError ? ' is-stale' : ''}`} role="status" aria-live="polite">
+            {trafficSourceError
+              ? `Трафик не обновляется · последние данные ${trafficFreshness}`
+              : globalTraffic?.observedAt ? `Обновлено ${trafficFreshness}` : 'Ожидаем первые данные трафика'}
+          </div>
+        </section>}
+
         <div
           ref={isGateway ? subscriptionPanelRef : undefined}
           id={isGateway ? 'client-subscription-drawer' : undefined}