chore: pretty Inbounds page (#2791)

* chore: pretty 'Inbounds' page

* chore: return styles for aCustomStatistic

styles was intended to properly display a-statistic in the app, but for some unknown reason it was removed

* fix: switch style in dark mode

---------

web/html/xui/index.html

@@ -24,11 +24,9 @@
   }
   .dark .ant-backup-list-item svg,
   .dark .ant-badge-status-text,
-  .dark .ant-statistic-content,
   .dark .ant-card-extra {
     color: var(--dark-color-text-primary);
   }
-  .dark .ant-statistic-title,
   .dark .ant-card-actions>li {
     color: rgba(255, 255, 255, 0.55);
   }
@@ -48,9 +46,6 @@
   .ant-card-actions {
     background: transparent;
   }
-  .ant-statistic-content {
-    font-size: 16px;
-  }
   .ip-hidden {
     -webkit-user-select: none;
     -moz-user-select: none;
@@ -299,16 +294,16 @@
                     </template>
                     <a-row :class="showIp ? 'ip-visible' : 'ip-hidden'">
                       <a-col :xs="24" :xxl="12" :style="{ marginTop: isMobile ? '10px' : 0 }">
-                        <a-custom-statistic :value="status.publicIP.ipv4">
+                        <a-custom-statistic title="IPv4" :value="status.publicIP.ipv4">
                           <template #prefix>
-                            IPv4:
+                            <a-icon type="global" />
                           </template>
                         </a-custom-statistic>
                       </a-col>
                       <a-col :xs="24" :xxl="12" :style="{ marginTop: isMobile ? '10px' : 0 }">
-                        <a-custom-statistic :value="status.publicIP.ipv6">
+                        <a-custom-statistic title="IPv6" :value="status.publicIP.ipv6">
                           <template #prefix>
-                            IPv6:
+                            <a-icon type="global" />
                           </template>
                         </a-custom-statistic>
                       </a-col>