feat(settlement, admin): introduce new types and functions for downline share and settlement period hints

Added new types for downline share breakdown and settlement period open hints to enhance the agent settlement API. Updated the admin console components to support these new features, improving the user experience with better data presentation and interaction. Additionally, refined the date range field to accommodate new calendar markers and hints, ensuring a more intuitive interface for managing settlement periods.

src/modules/draws/draw-detail-console.tsx

@@ -20,9 +20,7 @@ import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { AdminNoResourceState } from "@/components/admin/admin-no-resource-state";
 import { AdminLoadingState } from "@/components/admin/admin-loading-state";
-import { formatAdminInstantInTimeZone } from "@/lib/admin-datetime";
-import { getAdminRequestLocale } from "@/lib/admin-locale";
-import { LOTTERY_SCHEDULE_TIMEZONE } from "@/lib/lottery-schedule-timezone";
+import { useAdminDateTimeFormatter } from "@/hooks/use-admin-datetime-formatter";
 import { useConfirmAction } from "@/hooks/use-confirm-action";
 import { LotteryApiBizError } from "@/types/api/errors";
 import type { AdminDrawFinanceSummaryData } from "@/types/api/admin-draw-finance";
@@ -48,14 +46,7 @@ type ScheduleStep = {
 };
 
 function ScheduleTimeline({ steps }: { steps: ScheduleStep[] }) {
-  const formatDt = useCallback(
-    (iso: string | null | undefined) =>
-      formatAdminInstantInTimeZone(iso, {
-        locale: getAdminRequestLocale(),
-        timeZone: LOTTERY_SCHEDULE_TIMEZONE,
-      }),
-    [],
-  );
+  const formatDt = useAdminDateTimeFormatter();
 
   return (
     <ol className="grid gap-3 sm:grid-cols-3">