fix(pop-dashboard): 아이템/모드 레이아웃 수정 및 게이지 설정 버그 수정

설정 패널 버그 수정 (PopDashboardConfig):
- gaugeConfig 스프레드 순서 수정: min/max/target 값이 기존값에 덮어씌워지는 문제 해결
- 스프레드를 먼저 적용 후 변경 필드를 뒤에 배치하여 올바르게 반영

아이템 레이아웃 개선:
- KpiCard/StatCard: items-center justify-center 추가로 셀 내 중앙 정렬
- GaugeItem: SVG를 flex-1 영역에서 반응형 렌더링 (h-full w-auto)
- GaugeItem: preserveAspectRatio로 비율 유지, 라벨/목표값 shrink-0

모드 레이아웃 개선:
- ArrowsMode: 아이템이 전체 영역 사용, 화살표/인디케이터를 overlay로 변경
- ArrowsMode: 화살표 크기 축소 (h-11 -> h-8), backdrop-blur 추가
- AutoSlideMode: 슬라이드 컨테이너를 absolute inset-0으로 전체 영역 활용
- AutoSlideMode: 인디케이터를 하단 overlay로 변경

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/lib/registry/pop-components/pop-dashboard/modes/AutoSlideMode.tsx

@@ -90,39 +90,39 @@ export function AutoSlideModeComponent({
 
   return (
     <div
-      className="flex h-full w-full flex-col"
+      className="relative h-full w-full"
       onClick={handlePause}
       onTouchStart={handlePause}
       role="presentation"
     >
       {/* 콘텐츠 (슬라이드 애니메이션) */}
-      <div className="relative min-h-0 flex-1 overflow-hidden">
+      <div className="absolute inset-0 overflow-hidden">
         <div
-          className="absolute inset-0 transition-transform duration-500 ease-in-out"
-          style={{ transform: `translateX(-${currentIndex * 100}%)` }}
+          className="flex h-full transition-transform duration-500 ease-in-out"
+          style={{
+            width: `${itemCount * 100}%`,
+            transform: `translateX(-${currentIndex * (100 / itemCount)}%)`,
+          }}
         >
-          <div
-            className="flex h-full"
-            style={{ width: `${itemCount * 100}%` }}
-          >
-            {Array.from({ length: itemCount }).map((_, i) => (
-              <div
-                key={i}
-                className="h-full"
-                style={{ width: `${100 / itemCount}%` }}
-              >
-                {renderItem(i)}
-              </div>
-            ))}
-          </div>
+          {Array.from({ length: itemCount }).map((_, i) => (
+            <div
+              key={i}
+              className="h-full"
+              style={{ width: `${100 / itemCount}%` }}
+            >
+              {renderItem(i)}
+            </div>
+          ))}
         </div>
       </div>
 
-      {/* 인디케이터 + 일시정지 표시 */}
+      {/* 인디케이터 (콘텐츠 하단에 겹침) */}
       {showIndicator && itemCount > 1 && (
-        <div className="flex items-center justify-center gap-1.5 py-1">
+        <div className="absolute bottom-1 left-0 right-0 z-10 flex items-center justify-center gap-1.5">
           {isPaused && (
-            <span className="mr-2 text-[10px] text-muted-foreground">일시정지</span>
+            <span className="mr-2 text-[10px] text-muted-foreground/70">
+              일시정지
+            </span>
           )}
           {Array.from({ length: itemCount }).map((_, i) => (
             <span