feat: add ICT/UTC dual clock widget to IRIS navbar

- ict-clock.js: pure-JS clock that updates every second, computes
  ICT (UTC+7) without tzdata dependency (adds 7h to UTC ms epoch).
  Displayed as "HH:MM:SS ICT | HH:MM:SS UTC" in the navbar.
- navigation.html + navigation_ext.html: inject <li id="navbar-ict-clock">
  into the topbar nav (hidden on small screens via d-none d-md-flex).
- footer.html: load ict-clock.js for all authenticated pages.
- docker-compose.dev.yml: bind-mount the JS file from source into
  /iriswebapp/static so it survives container recreates (ui/dist is
  root-owned and cannot be written from the host directly).

IRIS stores and displays timestamps in UTC by design. This widget
gives analysts both UTC and local ICT time without patching alert
display logic.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

iris-web/docker-compose.dev.yml

@@ -44,6 +44,7 @@ services:
     volumes:
       - ./source/app:/iriswebapp/app
       - ./ui/dist:/iriswebapp/static
+      - ./source/app/static/assets/js/iris/ict-clock.js:/iriswebapp/static/assets/js/iris/ict-clock.js:ro
     healthcheck:
       test: curl --head --fail http://localhost:8000 || exit 1
       start_period: 60s

iris-web/source/app/static/assets/js/iris/ict-clock.js

@@ -0,0 +1,38 @@
+/* ICT / UTC dual clock — injected into IRIS navbar */
+(function () {
+  function pad(n) { return String(n).padStart(2, '0'); }
+
+  function tick() {
+    var now = new Date();
+
+    /* UTC */
+    var utcH = pad(now.getUTCHours());
+    var utcM = pad(now.getUTCMinutes());
+    var utcS = pad(now.getUTCSeconds());
+
+    /* ICT = UTC + 7 */
+    var ictMs = now.getTime() + 7 * 3600 * 1000;
+    var ict   = new Date(ictMs);
+    var ictH  = pad(ict.getUTCHours());
+    var ictM  = pad(ict.getUTCMinutes());
+    var ictS  = pad(ict.getUTCSeconds());
+
+    var el = document.getElementById('navbar-ict-clock');
+    if (el) {
+      el.innerHTML =
+        '<span title="Indochina Time (UTC+7)" style="letter-spacing:.02em">' +
+          '<i class="fa-regular fa-clock mr-1"></i>' +
+          ictH + ':' + ictM + ':' + ictS + ' <span style="opacity:.7">ICT</span>' +
+        '</span>' +
+        '<span style="opacity:.45;margin:0 6px">|</span>' +
+        '<span title="Coordinated Universal Time" style="letter-spacing:.02em">' +
+          utcH + ':' + utcM + ':' + utcS + ' <span style="opacity:.7">UTC</span>' +
+        '</span>';
+    }
+  }
+
+  document.addEventListener('DOMContentLoaded', function () {
+    tick();
+    setInterval(tick, 1000);
+  });
+})();

iris-web/source/app/templates/includes/footer.html

@@ -1,6 +1,7 @@
 
  
 {% if current_user.is_authenticated %}
+<script src="/static/assets/js/iris/ict-clock.js"></script>
 
   <div class="modal " tabindex="-1" role="dialog" id="modal_switch_context" data-backdrop="true">
       <div class="modal-lg modal-dialog" role="document">

iris-web/source/app/templates/includes/navigation.html

@@ -80,6 +80,9 @@
 								<i class="flaticon-shapes-1"></i>
 							</a>
 						</li>
+						<li class="nav-item hidden-caret d-none d-md-flex align-items-center">
+							<span id="navbar-ict-clock" class="nav-link text-white" style="font-size:.78rem;white-space:nowrap;cursor:default;padding-top:0;padding-bottom:0;"></span>
+						</li>
 					</ul>
 				</div>
 				{% endif %}

iris-web/source/app/templates/includes/navigation_ext.html

@@ -67,6 +67,9 @@
 								<i class="flaticon-shapes-1"></i>
 							</a>
 						</li>
+						<li class="nav-item hidden-caret d-none d-md-flex align-items-center">
+							<span id="navbar-ict-clock" class="nav-link text-white" style="font-size:.78rem;white-space:nowrap;cursor:default;padding-top:0;padding-bottom:0;"></span>
+						</li>
 					</ul>
 				</div>