사이드바 방식으로 변경

frontend/components/dashboard/widgets/DeliveryStatusSummaryWidget.tsx

@@ -23,7 +23,7 @@ export default function DeliveryStatusSummaryWidget({ element }: DeliveryStatusS
 
   useEffect(() => {
     loadData();
-    
+
     // 자동 새로고침 (30초마다)
     const interval = setInterval(loadData, 30000);
     return () => clearInterval(interval);
@@ -55,11 +55,11 @@ export default function DeliveryStatusSummaryWidget({ element }: DeliveryStatusS
       if (!response.ok) throw new Error("데이터 로딩 실패");
 
       const result = await response.json();
-      
+
       // 데이터 처리
       if (result.success && result.data?.rows) {
         const rows = result.data.rows;
-        
+
         // 상태별 카운트 계산
         const statusCounts = rows.reduce((acc: any, row: any) => {
           const status = row.status || "알 수 없음";
@@ -76,7 +76,7 @@ export default function DeliveryStatusSummaryWidget({ element }: DeliveryStatusS
 
         setStatusData(formattedData);
       }
-      
+
       setError(null);
     } catch (err) {
       setError(err instanceof Error ? err.message : "데이터 로딩 실패");
@@ -161,7 +161,7 @@ export default function DeliveryStatusSummaryWidget({ element }: DeliveryStatusS
     return (
       <div className="flex h-full items-center justify-center">
         <div className="text-center text-gray-500">
-          <p className="text-sm">⚙️ 톱니바퀴를 클릭하여 데이터를 연결하세요</p>
+          <p className="text-sm">데이터를 연결하세요</p>
         </div>
       </div>
     );
@@ -183,7 +183,7 @@ export default function DeliveryStatusSummaryWidget({ element }: DeliveryStatusS
         </div>
         <button
           onClick={loadData}
-          className="flex h-7 w-7 items-center justify-center rounded border border-border bg-white p-0 text-xs hover:bg-accent disabled:opacity-50"
+          className="border-border hover:bg-accent flex h-7 w-7 items-center justify-center rounded border bg-white p-0 text-xs disabled:opacity-50"
           disabled={loading}
         >
           {loading ? "⏳" : "🔄"}
@@ -211,4 +211,3 @@ export default function DeliveryStatusSummaryWidget({ element }: DeliveryStatusS
     </div>
   );
 }
-