feat(WEB): 공사관리 시스템 및 CEO 대시보드 기능 확장

- 공사현장관리: 프로젝트 상세, 공정관리, 칸반보드 구현
- 이슈관리: 현장 이슈 등록/조회 기능 추가
- 근로자현황: 일별 근로자 출역 현황 페이지 추가
- 유틸리티관리: 현장 유틸리티 관리 페이지 추가
- 기성청구: 기성청구 관리 페이지 추가
- CEO 대시보드: 현황판(StatusBoardSection) 추가, 설정 다이얼로그 개선
- 발주관리: 모바일 필터 적용, 리스트 UI 개선
- 공용 컴포넌트: MobileFilter, IntegratedListTemplateV2 개선, CalendarHeader 반응형 개선

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

src/components/molecules/DateRangeSelector.tsx

@@ -121,8 +121,9 @@ export function DateRangeSelector({
 
   return (
     <div className="flex flex-col gap-2 w-full">
-      {/* 상단: 날짜 선택 + 기간 버튼 */}
-      <div className="flex flex-col sm:flex-row sm:items-center gap-2">
+      {/* 1줄: 날짜 + 프리셋 */}
+      {/* 태블릿/모바일(~1279px): 세로 배치 / PC(1280px+): 가로 한 줄 */}
+      <div className="flex flex-col xl:flex-row xl:items-center gap-2">
         {/* 날짜 범위 선택 (Input type="date") */}
         {!hideDateInputs && (
           <div className="flex items-center gap-1 shrink-0">
@@ -145,7 +146,7 @@ export function DateRangeSelector({
         {/* 기간 버튼들 - 모바일에서 가로 스크롤 */}
         {!hidePresets && presets.length > 0 && (
           <div
-            className="overflow-x-auto -mx-1 px-1"
+            className="overflow-x-auto -mx-1 px-1 xl:overflow-visible xl:mx-0 xl:px-0"
             style={{ scrollbarWidth: 'none', msOverflowStyle: 'none' }}
           >
             <div className="flex items-center gap-1 min-w-max [&::-webkit-scrollbar]:hidden">
@@ -165,9 +166,9 @@ export function DateRangeSelector({
         )}
       </div>
 
-      {/* 하단: 추가 액션 버튼들 */}
+      {/* 2줄: 추가 액션 버튼들 - 항상 별도 줄, 오른쪽 정렬 */}
       {extraActions && (
-        <div className="flex items-center gap-2 flex-wrap sm:justify-end">
+        <div className="flex items-center gap-2 justify-end">
           {extraActions}
         </div>
       )}