결재 템플릿 단계 적용 구현

- ApprovalTemplate 엔티티·DTO·원격 리포지토리 추가
- ApprovalController에 템플릿 로딩/적용 상태와 assignSteps 호출 연동
- ApprovalPage 단계 탭에 템플릿 선택 UI 및 적용 확인 다이얼로그 구현
- 템플릿 적용 단위 테스트와 IMPLEMENTATION_TASKS 현황 갱신

lib/features/approvals/step/presentation/pages/approval_step_page.dart

@@ -1,5 +1,11 @@
-import 'package:flutter/widgets.dart';
+import 'package:flutter/material.dart';
+import 'package:shadcn_ui/shadcn_ui.dart';
 
+import '../../../../../core/config/environment.dart';
+import '../../../../../core/constants/app_sections.dart';
+import '../../../../../widgets/app_layout.dart';
+import '../../../../../widgets/components/coming_soon_card.dart';
+import '../../../../../widgets/components/filter_bar.dart';
 import '../../../../../widgets/spec_page.dart';
 
 class ApprovalStepPage extends StatelessWidget {
@@ -7,44 +13,81 @@ class ApprovalStepPage extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return const SpecPage(
-      title: '결재 단계 관리',
-      summary: '결재 단계 순서와 승인자를 구성합니다.',
-      sections: [
-        SpecSection(
-          title: '입력 폼',
-          items: [
-            '결재ID [Dropdown]',
-            '단계순서 [Number]',
-            '승인자 [Dropdown]',
-            '단계상태 [Dropdown]',
-            '비고 [Text]',
-          ],
-        ),
-        SpecSection(
-          title: '수정 폼',
-          items: ['결재ID [ReadOnly]', '단계순서 [ReadOnly]'],
-        ),
-        SpecSection(
-          title: '테이블 리스트',
-          description: '1행 예시',
-          table: SpecTable(
-            columns: ['번호', '결재ID', '단계순서', '승인자', '상태', '배정일시', '결정일시', '비고'],
-            rows: [
-              [
-                '1',
-                'APP-20240301-001',
-                '1',
-                '최관리',
-                '승인대기',
-                '2024-03-01 09:00',
-                '-',
-                '-',
-              ],
+    final enabled = Environment.flag('FEATURE_APPROVALS_ENABLED');
+    if (!enabled) {
+      return const SpecPage(
+        title: '결재 단계 관리',
+        summary: '결재 단계 순서와 승인자를 구성합니다.',
+        sections: [
+          SpecSection(
+            title: '입력 폼',
+            items: [
+              '결재ID [Dropdown]',
+              '단계순서 [Number]',
+              '승인자 [Dropdown]',
+              '단계상태 [Dropdown]',
+              '비고 [Text]',
             ],
           ),
+          SpecSection(
+            title: '수정 폼',
+            items: ['결재ID [ReadOnly]', '단계순서 [ReadOnly]'],
+          ),
+          SpecSection(
+            title: '테이블 리스트',
+            description: '1행 예시',
+            table: SpecTable(
+              columns: [
+                '번호',
+                '결재ID',
+                '단계순서',
+                '승인자',
+                '상태',
+                '배정일시',
+                '결정일시',
+                '비고',
+              ],
+              rows: [
+                [
+                  '1',
+                  'APP-20240301-001',
+                  '1',
+                  '최관리',
+                  '승인대기',
+                  '2024-03-01 09:00',
+                  '-',
+                  '-',
+                ],
+              ],
+            ),
+          ),
+        ],
+      );
+    }
+
+    return AppLayout(
+      title: '결재 단계 관리',
+      subtitle: '결재 순서를 정의하고 승인자를 배정할 수 있도록 준비 중입니다.',
+      breadcrumbs: const [
+        AppBreadcrumbItem(label: '대시보드', path: dashboardRoutePath),
+        AppBreadcrumbItem(label: '결재', path: '/approvals/steps'),
+        AppBreadcrumbItem(label: '결재 단계'),
+      ],
+      actions: [
+        ShadButton(
+          onPressed: null,
+          leading: const Icon(LucideIcons.plus, size: 16),
+          child: const Text('단계 추가'),
         ),
       ],
+      toolbar: FilterBar(
+        children: const [Text('필터 구성은 결재 단계 API 확정 후 제공될 예정입니다.')],
+      ),
+      child: const ComingSoonCard(
+        title: '결재 단계 화면 구현 준비 중',
+        description: '결재 단계 CRUD와 템플릿 연동 요구사항을 정리하는 중입니다.',
+        items: ['결재 요청별 단계 조회 및 정렬', '승인자 지정과 단계 상태 변경', '템플릿에서 단계 일괄 불러오기'],
+      ),
     );
   }
 }