프론트엔드 UI/UX 개선사항 복구 및 테이블 스타일링 통일

- 테이블 헤더 스타일링 개선 (더 진한 배경색, 오렌지 호버 효과)
- 파일첨부 컴포넌트 개선 (뚝뚝 잘리는 문제 해결, 패딩/아이콘 크기 조정)
- 카드 디스플레이 스타일링 개선 (명확한 테두리, 오렌지 호버 효과)
- 라벨 표시 기능 수정 (드롭다운 라벨링 문제, 체크박스 풀리는 문제 해결)
- 패널 및 레이아웃 개선 (카드 간격 통일, 주황색 영역 추가)
- CSS 통일성 작업 (Select 컴포넌트 너비 w-48로 조정)
- 정렬 화살표 표시 조건 수정 (정렬된 컬럼에서만 화살표 표시)
- 테이블 스타일링 통일 (SingleTableWithSticky, TableListComponent, InteractiveDataTable)

frontend/lib/registry/components/card-display/CardDisplayComponent.tsx

@@ -253,7 +253,7 @@ export const CardDisplayComponent: React.FC<CardDisplayComponentProps> = ({
     padding: "32px", // 패딩 대폭 증가
     width: "100%",
     height: "100%",
-    background: "linear-gradient(to br, #f8fafc, #f1f5f9)", // 부드러운 그라데이션 배경
+    background: "#f8fafc", // 연한 하늘색 배경 (채도 낮춤)
     overflow: "auto",
     borderRadius: "12px", // 컨테이너 자체도 라운드 처리
   };
@@ -337,7 +337,22 @@ export const CardDisplayComponent: React.FC<CardDisplayComponentProps> = ({
     <>
       <style jsx>{`
         .card-hover {
-          transition: all 0.2s ease-in-out;
+          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+          position: relative;
+          overflow: hidden;
+        }
+        .card-hover::before {
+          content: '';
+          position: absolute;
+          top: 0;
+          left: -100%;
+          width: 100%;
+          height: 100%;
+          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
+          transition: left 0.6s ease;
+        }
+        .card-hover:hover::before {
+          left: 100%;
         }
         .card-hover:hover {
           transform: translateY(-2px);
@@ -346,6 +361,20 @@ export const CardDisplayComponent: React.FC<CardDisplayComponentProps> = ({
             0 4px 6px -2px rgba(0, 0, 0, 0.05);
           border-color: #3b82f6;
         }
+        .card-container {
+          position: relative;
+        }
+        .card-container::before {
+          content: '';
+          position: absolute;
+          top: 0;
+          left: 0;
+          right: 0;
+          bottom: 0;
+          background: transparent;
+          border-radius: 12px;
+          pointer-events: none;
+        }
       `}</style>
       <div
         className={className}
@@ -358,7 +387,7 @@ export const CardDisplayComponent: React.FC<CardDisplayComponentProps> = ({
         onDragEnd={onDragEnd}
         {...safeDomProps}
       >
-        <div style={containerStyle}>
+        <div style={containerStyle} className="card-container">
           {displayData.length === 0 ? (
             <div
               style={{
@@ -393,7 +422,7 @@ export const CardDisplayComponent: React.FC<CardDisplayComponentProps> = ({
                 <div
                   key={data.id || index}
                   style={cardStyle}
-                  className="group cursor-pointer hover:transform hover:-translate-y-1 hover:shadow-xl transition-all duration-300 ease-out"
+                  className="card-hover group cursor-pointer"
                   onClick={() => handleCardClick(data)}
                 >
                   {/* 카드 이미지 - 통일된 디자인 */}