feat: 테이블 테두리 및 라운드 제거, 검색 필터 제목 제거

- 모든 테이블 컴포넌트의 외곽 테두리(border) 제거
- 테이블 컨테이너의 라운드(rounded-lg) 제거
- 테이블 행 구분선(border-b)은 유지하여 데이터 구분
- FlowWidget과 TableListComponent에 동일한 스타일 적용
- 검색 필터 영역의 회색 배경(bg-muted/30) 제거
- 검색 필터 제목 제거
- AdvancedSearchFilters 컴포넌트의 '검색 필터' 제목 제거

frontend/components/dashboard/widgets/MapTestWidget.tsx

@@ -259,17 +259,28 @@ const getWeatherIcon = (weatherMain: string) => {
   }
 };
 
-// 특보 심각도별 색상 반환
+// 특보 심각도별 색상 반환 (CSS 변수 사용)
 const getAlertColor = (severity: string): string => {
+  // CSS 변수 값을 가져오기
+  const getCSSVariable = (varName: string): string => {
+    if (typeof window !== "undefined") {
+      const value = getComputedStyle(document.documentElement)
+        .getPropertyValue(varName)
+        .trim();
+      return value ? `hsl(${value})` : "#6b7280";
+    }
+    return "#6b7280";
+  };
+
   switch (severity) {
     case "high":
-      return "#ef4444"; // 빨강 (경보)
+      return getCSSVariable("--destructive"); // 경보 (빨강)
     case "medium":
-      return "#f59e0b"; // 주황 (주의보)
+      return getCSSVariable("--warning"); // 주의보 (주황)
     case "low":
-      return "#eab308"; // 노랑 (약한 주의보)
+      return getCSSVariable("--warning"); // 약한 주의보 (노랑)
     default:
-      return "#6b7280"; // 회색
+      return getCSSVariable("--muted-foreground"); // 회색
   }
 };
 
@@ -975,7 +986,7 @@ function MapTestWidget({ element }: MapTestWidgetProps) {
                       ${regionAlerts
                         .map(
                           (alert) => `
-                        <div style="margin-bottom: 8px; padding: 8px; background: #f9fafb; border-radius: 4px; border-left: 3px solid ${getAlertColor(alert.severity)};">
+                        <div style="margin-bottom: 8px; padding: 8px; background: hsl(var(--muted)); border-radius: 4px; border-left: 3px solid ${getAlertColor(alert.severity)};">
                           <div style="font-weight: 600; font-size: 12px; color: ${getAlertColor(alert.severity)};">
                             ${alert.title}
                           </div>
@@ -1058,7 +1069,7 @@ function MapTestWidget({ element }: MapTestWidgetProps) {
                         <div
                           style={{
                             padding: "6px",
-                            background: "#f9fafb",
+                            background: "hsl(var(--muted))",
                             borderRadius: "4px",
                             borderLeft: `3px solid ${alertColor}`,
                           }}
@@ -1086,9 +1097,9 @@ function MapTestWidget({ element }: MapTestWidgetProps) {
             // 마커 아이콘 설정
             const markerIcon = isWeatherAlert
               ? L.divIcon({
-                  html: `<div style="
-                    background: ${isWarning ? "#ef4444" : "#f59e0b"};
-                    color: white;
+                    html: `<div style="
+                    background: ${isWarning ? "hsl(var(--destructive))" : "hsl(var(--warning))"};
+                    color: hsl(var(--destructive-foreground));
                     width: 32px;
                     height: 32px;
                     border-radius: 50%;
@@ -1096,7 +1107,7 @@ function MapTestWidget({ element }: MapTestWidgetProps) {
                     align-items: center;
                     justify-content: center;
                     font-size: 18px;
-                    border: 3px solid white;
+                    border: 3px solid hsl(var(--background));
                     box-shadow: 0 2px 8px rgba(0,0,0,0.3);
                   ">⚠️</div>`,
                   className: "",