Add a notice for Network I/O not persisting

Author: nzxl101

root/app/www/public/ajax/overview.php

@@ -144,7 +144,15 @@
                     <p class="text-info" style="font-size: 18px;">Network I/O</p>
                     <i class="fas fa-wifi ms-auto p-2"></i>
                 </div>
-                <p style="font-size: 20px !important; margin: -16px 0 0 0 !important;"><?= byteConversion($network) ?></p>
+                <p style="font-size: 20px !important; margin: -16px 0 0 0 !important;">
+                    <?= byteConversion($network) ?>
+                    <?php if ($netIOMetric) { ?>
+                        <span class="position-relative">
+                            <i class="fas fa-exclamation-triangle dw-tooltip-icon" style="font-size: 12px !important; transform: translateY(-2px); color: yellow !important;"></i>
+                            <span class="dw-tooltip">This value may not reflect the correct traffic usage due to Docker Engine not persisting</span>
+                        </span>
+                    <?php } ?>
+                </p>
                 <p style="font-size: 14px !important; margin: 0 0 10px 0 !important; color: var(--text-500) !important;"><?= $netIOMetric ?? "Network traffic tracked" ?></p>
             </div>
             <div class="bg-secondary rounded px-2 w-100">

root/app/www/public/css/style.css

@@ -385,4 +385,23 @@ pre {
 
 .text-uppercase {
     text-transform: uppercase !important;
+}
+
+.dw-tooltip {
+    display: none;
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 5px 10px;
+    background: #333;
+    color: #fff;
+    border-radius: 4px;
+    font-size: 12px;
+    white-space: nowrap;
+    z-index: 1000;
+}
+
+.dw-tooltip-icon:hover + .dw-tooltip {
+    display: block;
 }