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/lib/registry/components/slider-basic/SliderBasicComponent.tsx

@@ -3,6 +3,7 @@
 import React from "react";
 import { ComponentRendererProps } from "@/types/component";
 import { SliderBasicConfig } from "./types";
+import { getAdaptiveLabelColor } from "@/lib/utils/darkModeColor";
 
 export interface SliderBasicComponentProps extends ComponentRendererProps {
   config?: SliderBasicConfig;
@@ -86,7 +87,7 @@ export const SliderBasicComponent: React.FC<SliderBasicComponentProps> = ({
             top: "-25px",
             left: "0px",
             fontSize: component.style?.labelFontSize || "14px",
-            color: component.style?.labelColor || "#64748b",
+            color: getAdaptiveLabelColor(component.style?.labelColor),
             fontWeight: "500",
             // isInteractive 모드에서는 사용자 스타일 우선 적용
             ...(isInteractive && component.style ? component.style : {}),