Rearrange header clock to display time vertically below date and weekday

Update the header clock component to a vertical layout, displaying weekday, date, and then time.

artifacts/tx-os/src/pages/executive-meetings.tsx

@@ -799,23 +799,18 @@ function HeaderClock({ lang, date }: { lang: "ar" | "en"; date: string }) {
   });
   return (
     <div
-      className="flex items-center gap-1.5 sm:gap-3 print:hidden"
+      className="flex flex-col items-end leading-tight print:hidden"
       data-testid="em-header-clock"
       aria-live="off"
     >
-      <div
+      <div className="text-[#0B1E3F] font-semibold text-sm sm:text-base" data-testid="em-header-weekday">
-        className="text-[#0B1E3F] font-semibold text-sm sm:text-base tabular-nums"
+        {formatWeekday(date, lang, "long")}
-        data-testid="em-header-time"
-      >
-        {time}
       </div>
-      <div className="leading-tight">
+      <div className="text-xs sm:text-sm text-muted-foreground tabular-nums" data-testid="em-header-date">
-        <div className="text-[#0B1E3F] font-semibold text-sm sm:text-base" data-testid="em-header-weekday">
+        {formatDate(date, lang)}
-          {formatWeekday(date, lang, "long")}
+      </div>
-        </div>
+      <div className="text-xs sm:text-sm text-[#0B1E3F] font-semibold tabular-nums" data-testid="em-header-time">
-        <div className="text-xs sm:text-sm text-muted-foreground tabular-nums" data-testid="em-header-date">
+        {time}
-          {formatDate(date, lang)}
-        </div>
       </div>
     </div>
   );