feat: update color handling for dark mode compatibility

- Updated various components to utilize `getAdaptiveLabelColor` for dynamic label color adjustments based on the current theme.
- Enhanced dark mode styles in `globals.css` for better visual consistency across components.

Made-with: Cursor

frontend/components/v2/V2Date.tsx

@@ -1,5 +1,7 @@
 "use client";
 
+import { getAdaptiveLabelColor } from "@/lib/utils/darkModeColor";
+
 /**
  * V2Date
  *
@@ -719,7 +721,7 @@ export const V2Date = forwardRef<HTMLDivElement, V2DateProps>((props, ref) => {
         ...(labelPos === "top" ? { position: "absolute" as const, top: `-${estimatedLabelHeight}px`, left: 0 } : {}),
         ...(labelPos === "bottom" ? { position: "absolute" as const, bottom: `-${estimatedLabelHeight}px`, left: 0 } : {}),
         fontSize: style?.labelFontSize || "14px",
-        color: style?.labelColor || "#64748b",
+        color: getAdaptiveLabelColor(style?.labelColor),
         fontWeight: style?.labelFontWeight || "500",
       }}
       className="text-sm font-medium whitespace-nowrap"
@@ -754,7 +756,7 @@ export const V2Date = forwardRef<HTMLDivElement, V2DateProps>((props, ref) => {
           htmlFor={id}
           style={{
             fontSize: style?.labelFontSize || "14px",
-            color: style?.labelColor || "#64748b",
+            color: getAdaptiveLabelColor(style?.labelColor),
             fontWeight: style?.labelFontWeight || "500",
           }}
           className="w-full text-sm font-medium whitespace-nowrap sm:w-[120px] sm:shrink-0"