결재 템플릿 단계 적용 구현

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

lib/features/approvals/template/presentation/pages/approval_template_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 ApprovalTemplatePage extends StatelessWidget {
@@ -7,45 +13,73 @@ class ApprovalTemplatePage extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return const SpecPage(
-      title: '결재 템플릿 관리',
-      summary: '반복적인 결재 흐름을 템플릿으로 정의합니다.',
-      sections: [
-        SpecSection(
-          title: '입력 폼',
-          items: [
-            '템플릿코드 [Text]',
-            '템플릿명 [Text]',
-            '설명 [Text]',
-            '작성자 [ReadOnly]',
-            '사용여부 [Switch]',
-            '비고 [Text]',
-            '단계 추가: 순서 [Number], 승인자 [Dropdown]',
-          ],
-        ),
-        SpecSection(
-          title: '수정 폼',
-          items: ['템플릿코드 [ReadOnly]', '작성자 [ReadOnly]'],
-        ),
-        SpecSection(
-          title: '테이블 리스트',
-          description: '1행 예시',
-          table: SpecTable(
-            columns: ['번호', '템플릿코드', '템플릿명', '설명', '작성자', '사용여부', '변경일시'],
-            rows: [
-              [
-                '1',
-                'TEMP-001',
-                '입고 기본 결재',
-                '입고 처리 2단계 결재',
-                '홍길동',
-                'Y',
-                '2024-03-01 10:00',
-              ],
+    final enabled = Environment.flag('FEATURE_APPROVALS_ENABLED');
+    if (!enabled) {
+      return const SpecPage(
+        title: '결재 템플릿 관리',
+        summary: '반복적인 결재 흐름을 템플릿으로 정의합니다.',
+        sections: [
+          SpecSection(
+            title: '입력 폼',
+            items: [
+              '템플릿코드 [Text]',
+              '템플릿명 [Text]',
+              '설명 [Text]',
+              '작성자 [ReadOnly]',
+              '사용여부 [Switch]',
+              '비고 [Text]',
+              '단계 추가: 순서 [Number], 승인자 [Dropdown]',
             ],
           ),
+          SpecSection(
+            title: '수정 폼',
+            items: ['템플릿코드 [ReadOnly]', '작성자 [ReadOnly]'],
+          ),
+          SpecSection(
+            title: '테이블 리스트',
+            description: '1행 예시',
+            table: SpecTable(
+              columns: ['번호', '템플릿코드', '템플릿명', '설명', '작성자', '사용여부', '변경일시'],
+              rows: [
+                [
+                  '1',
+                  'TEMP-001',
+                  '입고 기본 결재',
+                  '입고 처리 2단계 결재',
+                  '홍길동',
+                  'Y',
+                  '2024-03-01 10:00',
+                ],
+              ],
+            ),
+          ),
+        ],
+      );
+    }
+
+    return AppLayout(
+      title: '결재 템플릿 관리',
+      subtitle: '반복되는 결재 단계를 템플릿으로 구성할 수 있도록 준비 중입니다.',
+      breadcrumbs: const [
+        AppBreadcrumbItem(label: '대시보드', path: dashboardRoutePath),
+        AppBreadcrumbItem(label: '결재', path: '/approvals/templates'),
+        AppBreadcrumbItem(label: '결재 템플릿'),
+      ],
+      actions: [
+        ShadButton(
+          onPressed: null,
+          leading: const Icon(LucideIcons.plus, size: 16),
+          child: const Text('템플릿 생성'),
         ),
       ],
+      toolbar: FilterBar(
+        children: const [Text('템플릿 검색/필터 UI는 결재 요구사항 확정 후 제공됩니다.')],
+      ),
+      child: const ComingSoonCard(
+        title: '결재 템플릿 화면 구현 준비 중',
+        description: '템플릿 헤더 정보와 단계 반복 입력을 다루는 UI를 설계하고 있습니다.',
+        items: ['템플릿 목록 정렬 및 사용여부 토글', '단계 편집/추가/삭제 인터랙션', '템플릿 버전 관리 및 배포 전략'],
+      ),
     );
   }
 }