feat(WEB): 리스트 페이지 UI 레이아웃 표준화

- 공통 레이아웃 패턴 적용: [달력] → [프리셋] → [검색창] → [버튼들]
- beforeTableContent → headerActions + createButton 마이그레이션
- DateRangeSelector extraActions prop 활용하여 검색창 통합
- PricingListClient 테이블 행 클릭 → 상세 이동 기능 추가
- 회계 관련 페이지 (입금/출금/매입/매출/어음/카드/예상지출 등) 정리
- 건설 관련 페이지 검색 영역 정리
- 부모 메뉴 리다이렉트 컴포넌트 추가

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/components/organisms/StatCards.tsx

@@ -22,7 +22,7 @@ interface StatCardsProps {
 
 export function StatCards({ stats }: StatCardsProps) {
   return (
-    <div className="grid grid-cols-2 sm:grid-cols-3 gap-3 md:gap-4">
+    <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-4 xl:grid-cols-4 gap-2">
       {stats.map((stat, index) => {
         const Icon = stat.icon;
         const isClickable = !!stat.onClick;
@@ -37,24 +37,24 @@ export function StatCards({ stats }: StatCardsProps) {
             }`}
             onClick={stat.onClick}
           >
-            <CardContent className="p-3 md:p-4 lg:p-6">
+            <CardContent className="p-2 md:p-3">
               <div className="flex items-center justify-between">
-                <div className="flex-1">
-                  <p className="sm:text-xs md:text-sm text-muted-foreground mb-1 md:mb-2 uppercase tracking-wide text-[12px]">
+                <div className="flex-1 min-w-0">
+                  <p className="text-[10px] md:text-xs text-muted-foreground mb-0.5 uppercase tracking-wide truncate">
                     {stat.label}
                   </p>
-                  <p className="font-bold text-[24px]">
+                  <p className="font-bold text-base md:text-lg truncate">
                     {stat.value}
                   </p>
                   {stat.trend && (
-                    <p className={`text-[10px] sm:text-xs md:text-sm mt-1 md:mt-2 font-medium ${stat.trend.isPositive ? 'text-green-600' : 'text-red-600'}`}>
+                    <p className={`text-[9px] md:text-[10px] mt-0.5 font-medium ${stat.trend.isPositive ? 'text-green-600' : 'text-red-600'}`}>
                       {stat.trend.value}
                     </p>
                   )}
                 </div>
                 {Icon && (
                   <Icon
-                    className={`w-8 h-8 sm:w-9 sm:h-9 md:w-10 md:h-10 lg:w-12 lg:h-12 opacity-15 ${stat.iconColor || 'text-blue-600'}`}
+                    className={`w-6 h-6 md:w-8 md:h-8 opacity-15 flex-shrink-0 ${stat.iconColor || 'text-blue-600'}`}
                   />
                 )}
               </div>