fix: update the timezone

src/app/(dashboard)/dashboard/usage/components/ProviderLimits/QuotaProgressBar.js

@@ -2,6 +2,7 @@
 
 import { cn } from "@/shared/utils/cn";
 import { formatResetTime } from "./utils";
+import { formatVietnamDateTime, formatVietnamTime, isSameVietnamDay } from "@/shared/utils/dateTime";
 
 // Calculate color based on remaining percentage
 const getColorClasses = (remainingPercentage) => {
@@ -38,25 +39,25 @@ const formatResetTimeDisplay = (resetTime) => {
   
   try {
     const resetDate = new Date(resetTime);
-    const now = new Date();
-    const isToday = resetDate.toDateString() === now.toDateString();
-    const isTomorrow = resetDate.toDateString() === new Date(now.getTime() + 86400000).toDateString();
+    if (!Number.isFinite(resetDate.getTime())) return null;
+    const isToday = isSameVietnamDay(resetDate);
+    const isTomorrow = isSameVietnamDay(resetDate, new Date(Date.now() + 86400000));
     
-    const timeStr = resetDate.toLocaleTimeString(undefined, {
+    const timeStr = formatVietnamTime(resetDate, {
       hour: "2-digit",
       minute: "2-digit",
-      hour12: true,
+      hourCycle: "h23",
     });
     
     if (isToday) return `Today, ${timeStr}`;
     if (isTomorrow) return `Tomorrow, ${timeStr}`;
     
-    return resetDate.toLocaleString(undefined, {
+    return formatVietnamDateTime(resetDate, {
       month: "short",
       day: "numeric",
       hour: "2-digit",
       minute: "2-digit",
-      hour12: true,
+      hourCycle: "h23",
     });
   } catch {
     return null;

src/app/(dashboard)/dashboard/usage/components/ProviderLimits/QuotaTable.js

@@ -2,6 +2,7 @@
 
 import { useEffect, useMemo, useState } from "react";
 import { formatResetTime, getRemainingPercentage } from "./utils";
+import { formatVietnamDateTime, formatVietnamTime, isSameVietnamDay } from "@/shared/utils/dateTime";
 
 const PAGE_SIZE = 10;
 
@@ -13,24 +14,21 @@ function formatResetTimeDisplay(resetTime) {
 
   try {
     const date = new Date(resetTime);
-    const now = new Date();
-    const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
-    const tomorrow = new Date(today);
-    tomorrow.setDate(tomorrow.getDate() + 1);
+    if (!Number.isFinite(date.getTime())) return null;
 
     let dayStr = "";
-    if (date >= today && date < tomorrow) {
+    if (isSameVietnamDay(date)) {
       dayStr = "Today";
-    } else if (date >= tomorrow && date < new Date(tomorrow.getTime() + 24 * 60 * 60 * 1000)) {
+    } else if (isSameVietnamDay(date, new Date(Date.now() + 86400000))) {
       dayStr = "Tomorrow";
     } else {
-      dayStr = date.toLocaleDateString("en-US", { month: "short", day: "numeric" });
+      dayStr = formatVietnamDateTime(date, { month: "short", day: "numeric" });
     }
 
-    const timeStr = date.toLocaleTimeString("en-US", {
-      hour: "numeric",
+    const timeStr = formatVietnamTime(date, {
+      hour: "2-digit",
       minute: "2-digit",
-      hour12: true,
+      hourCycle: "h23",
     });
 
     return `${dayStr}, ${timeStr}`;

src/app/(dashboard)/dashboard/usage/components/ProviderLimits/index.js

@@ -39,6 +39,7 @@ import Card from "@/shared/components/Card";
 import { ConfirmModal, EditConnectionModal } from "@/shared/components";
 import { USAGE_SUPPORTED_PROVIDERS } from "@/shared/constants/providers";
 import { useCopyToClipboard } from "@/shared/hooks/useCopyToClipboard";
+import { formatVietnamDateTime } from "@/shared/utils/dateTime";
 
 // Maps the stored providerSpecificData.authMethod to a human label for Kiro.
 // Values come from the Kiro connect flows: builder-id/idc (device code),
@@ -99,15 +100,13 @@ function getCodexResetCreditCount(quota) {
 
 function formatCreditDate(value) {
   if (!value) return "N/A";
-  const date = new Date(value);
-  if (!Number.isFinite(date.getTime())) return "N/A";
-  return date.toLocaleString(undefined, {
+  return formatVietnamDateTime(value, {
     month: "short",
     day: "numeric",
     year: "numeric",
     hour: "numeric",
     minute: "2-digit",
-  });
+  }) || "N/A";
 }
 
 function formatTimeRemaining(value) {

src/app/(dashboard)/dashboard/usage/components/RequestDetailsTab.js

@@ -7,6 +7,7 @@ import Drawer from "@/shared/components/Drawer";
 import Pagination from "@/shared/components/Pagination";
 import { cn } from "@/shared/utils/cn";
 import { AI_PROVIDERS, getProviderByAlias } from "@/shared/constants/providers";
+import { formatVietnamDateTime } from "@/shared/utils/dateTime";
 
 let providerNameCache = null;
 let providerNodesCache = null;
@@ -286,7 +287,7 @@ export default function RequestDetailsTab() {
                     className="border-b border-black/5 dark:border-white/5 last:border-b-0 hover:bg-black/[0.02] dark:hover:bg-white/[0.02] transition-colors"
                   >
                     <td className="whitespace-nowrap p-4 text-sm text-text-main">
-                      {new Date(detail.timestamp).toLocaleString()}
+                      {formatVietnamDateTime(detail.timestamp, { dateStyle: "medium", timeStyle: "medium" }) || "—"}
                     </td>
                     <td className="max-w-[260px] truncate p-4 font-mono text-sm text-text-main">
                       {detail.model}
@@ -358,7 +359,7 @@ export default function RequestDetailsTab() {
               </div>
               <div>
                 <span className="text-text-muted">Timestamp:</span>{" "}
-                <span className="text-text-main">{new Date(selectedDetail.timestamp).toLocaleString()}</span>
+                <span className="text-text-main">{formatVietnamDateTime(selectedDetail.timestamp, { dateStyle: "medium", timeStyle: "medium" }) || "—"}</span>
               </div>
               <div>
                  <span className="text-text-muted">Provider:</span>{" "}

src/app/(dashboard)/dashboard/usage/components/SystemQuotaOverview.js

@@ -5,6 +5,7 @@ import { AI_PROVIDERS } from "@/shared/constants/providers";
 import { Button, Card, CardSkeleton } from "@/shared/components";
 import ProviderIcon from "@/shared/components/ProviderIcon";
 import { formatResetTime, REFRESH_INTERVAL_MS } from "./ProviderLimits/utils";
+import { formatVietnamDateTime, formatVietnamTime, isSameVietnamDay } from "@/shared/utils/dateTime";
 
 function getProviderInfo(providerId) {
   return AI_PROVIDERS[providerId] || {
@@ -16,13 +17,11 @@ function getProviderInfo(providerId) {
 function formatUpdatedAt(value) {
   if (!value) return "Not updated yet";
 
-  const date = new Date(value);
-  if (!Number.isFinite(date.getTime())) return "Not updated yet";
-
-  return `Updated ${date.toLocaleTimeString(undefined, {
+  const formattedTime = formatVietnamTime(value, {
     hour: "2-digit",
     minute: "2-digit",
-  })}`;
+  });
+  return formattedTime ? `Updated ${formattedTime}` : "Not updated yet";
 }
 
 function formatResetAt(value) {
@@ -31,14 +30,13 @@ function formatResetAt(value) {
   const date = new Date(value);
   if (!Number.isFinite(date.getTime())) return null;
 
-  const now = new Date();
-  const isToday = date.toDateString() === now.toDateString();
-  const isTomorrow = date.toDateString() === new Date(now.getTime() + 86400000).toDateString();
-  const time = date.toLocaleTimeString(undefined, { hour: "2-digit", minute: "2-digit" });
+  const isToday = isSameVietnamDay(date);
+  const isTomorrow = isSameVietnamDay(date, new Date(Date.now() + 86400000));
+  const time = formatVietnamTime(date, { hour: "2-digit", minute: "2-digit" });
 
   if (isToday) return `today at ${time}`;
   if (isTomorrow) return `tomorrow at ${time}`;
-  return date.toLocaleString(undefined, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" });
+  return formatVietnamDateTime(date, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" });
 }
 
 function getQuotaTone(percentage) {

src/app/(dashboard)/dashboard/usage/components/UsageTable.js

@@ -4,6 +4,7 @@ import { useState, useEffect, useCallback, useMemo, Fragment } from "react";
 import PropTypes from "prop-types";
 import Card from "@/shared/components/Card";
 import Badge from "@/shared/components/Badge";
+import { formatVietnamDateTime } from "@/shared/utils/dateTime";
 
 const fmt = (n) => new Intl.NumberFormat().format(n || 0);
 const fmtCost = (n) => `$${(n || 0).toFixed(2)}`;
@@ -14,7 +15,7 @@ function fmtTime(iso) {
   if (diffMins < 1) return "Just now";
   if (diffMins < 60) return `${diffMins}m ago`;
   if (diffMins < 1440) return `${Math.floor(diffMins / 60)}h ago`;
-  return new Date(iso).toLocaleDateString();
+  return formatVietnamDateTime(iso, { dateStyle: "medium" }) || "Never";
 }
 
 function SortIcon({ field, currentSort, currentOrder }) {