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/accordion-basic/AccordionBasicComponent.tsx

@@ -4,6 +4,7 @@ import React, { useState, useEffect } from "react";
 import { ComponentRendererProps } from "../../types";
 import { AccordionBasicConfig, AccordionItem, DataSourceConfig, ContentFieldConfig } from "./types";
 import { apiClient } from "@/lib/api/client";
+import { getAdaptiveLabelColor } from "@/lib/utils/darkModeColor";
 
 // 커스텀 아코디언 컴포넌트
 interface CustomAccordionProps {
@@ -692,7 +693,7 @@ export const AccordionBasicComponent: React.FC<AccordionBasicComponentProps> = (
             top: "-25px",
             left: "0px",
             fontSize: component.style?.labelFontSize || "14px",
-            color: component.style?.labelColor || "#64748b",
+            color: getAdaptiveLabelColor(component.style?.labelColor),
             fontWeight: "500",
           }}
         >