feat: 급여관리 개선 + 설비관리 신규 + 팝업관리/카드관리/가격표 개선

- 급여관리: 상세/등록 다이얼로그 리팩토링, actions/types 확장
- 설비관리: 설비현황/점검/수리 4개 페이지 신규 추가
- 팝업관리: PopupDetail/PopupForm 개선
- 카드관리: CardForm 개선
- IntegratedListTemplateV2, SearchFilter, useColumnSettings 개선
- CLAUDE.md: 페이지 모드 라우팅 패턴 규칙 추가
- 공통 페이지 패턴 가이드 확장

src/components/organisms/SearchFilter.tsx

@@ -38,8 +38,8 @@ export function SearchFilter({
   }, []);
 
   return (
-    <div className="flex flex-col sm:flex-row gap-3 sm:items-center">
-      <div className="relative flex-1">
+    <div className={`flex gap-3 ${extraActions ? 'flex-col xl:flex-row xl:items-center xl:flex-wrap' : 'flex-col sm:flex-row sm:items-center'}`}>
+      <div className={`relative ${extraActions ? 'xl:flex-1 xl:min-w-0 xl:max-w-xs' : 'flex-1'}`}>
         <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground w-4 h-4" />
         <Input
           placeholder={isMobile ? "내용을 검색해주세요." : searchPlaceholder}
@@ -49,7 +49,7 @@ export function SearchFilter({
         />
       </div>
       {extraActions && (
-        <div className="flex gap-2 sm:ml-auto">
+        <div className="flex flex-col gap-2 xl:flex-row xl:items-center xl:flex-wrap">
           {extraActions}
         </div>
       )}