fix: device info alignment and duplicate chart x-axis labels (#117)

- Add missing flex-1/text-right classes to Resolved IP row
- Add justify-end to Operating System flex container
- Fix duplicate time labels on 24h traffic chart by excluding boundary ticks

Reviewed-on: graham/towerops-web#117

assets/js/app.ts

@@ -313,7 +313,8 @@ const SensorChart: SensorChartHook = {
               return date.toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit', hour12: false })
             }
           },
-          maxTicksLimit: 12
+          maxTicksLimit: 9,
+          includeBounds: false
         },
         grid: {
           display: false

lib/towerops_web/live/device_live/show.html.heex

@@ -412,7 +412,7 @@
                         {t("Resolved IP")}
                       </dt>
                       <dd
-                        class="text-sm font-medium text-gray-900 dark:text-white font-mono group/rip cursor-pointer"
+                        class="flex-1 text-right ml-4 text-sm font-medium text-gray-900 dark:text-white font-mono group/rip cursor-pointer"
                         phx-click={JS.dispatch("phx:copy", detail: %{text: @device.ip_address})}
                         title={t("Click to copy")}
                       >
@@ -436,7 +436,7 @@
                         Operating System
                       </dt>
                       <dd class="flex-1 text-right ml-4 text-sm font-medium text-gray-900 dark:text-white">
-                        <div class="flex items-center gap-2">
+                        <div class="flex items-center justify-end gap-2">
                           <span>
                             {cond do
                               @snmp_device.manufacturer && @snmp_device.firmware_version ->