feat: 폼 필드 컴포넌트 분리 및 구독 카드 인터랙션 개선

- billing_cycle_selector, category_selector, currency_selector 컴포넌트 분리
- 구독 카드 클릭 이슈 해결을 위한 리팩토링
- SMS 스캔 화면 UI/UX 개선 및 기능 강화
- 상세 화면 컨트롤러 로직 개선
- 알림 서비스 및 구독 URL 매칭 기능 추가
- CLAUDE.md 프로젝트 가이드라인 대폭 확장
- 전반적인 코드 구조 개선 및 타입 안정성 강화

🤖 Generated with [Claude Code](https://claude.ai/code)

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

lib/widgets/common/form_fields/date_picker_field.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:intl/intl.dart';
+import '../../../theme/app_colors.dart';
 
 /// 날짜 선택 필드 위젯
 /// 탭하면 날짜 선택기가 표시되며, 선택된 날짜를 보기 좋은 형식으로 표시합니다.
@@ -47,7 +48,7 @@ class DatePickerField extends StatelessWidget {
           style: TextStyle(
             fontSize: 16,
             fontWeight: FontWeight.w600,
-            color: theme.colorScheme.onSurface,
+            color: AppColors.darkNavy,
           ),
         ),
         const SizedBox(height: 8),
@@ -82,10 +83,11 @@ class DatePickerField extends StatelessWidget {
           child: Container(
             padding: contentPadding ?? const EdgeInsets.all(16),
             decoration: BoxDecoration(
-              color: backgroundColor ?? Colors.white,
+              color: backgroundColor ?? AppColors.surfaceColorAlt,
               borderRadius: BorderRadius.circular(16),
               border: Border.all(
-                color: Colors.transparent,
+                color: AppColors.borderColor.withValues(alpha: 0.7),
+                width: 1.5,
               ),
             ),
             child: Row(
@@ -96,8 +98,8 @@ class DatePickerField extends StatelessWidget {
                     style: TextStyle(
                       fontSize: 16,
                       color: enabled 
-                        ? theme.colorScheme.onSurface 
-                        : theme.colorScheme.onSurface.withValues(alpha: 0.5),
+                        ? AppColors.textPrimary 
+                        : AppColors.textMuted,
                     ),
                   ),
                 ),
@@ -105,8 +107,8 @@ class DatePickerField extends StatelessWidget {
                   Icons.calendar_today,
                   size: 20,
                   color: enabled 
-                    ? theme.colorScheme.onSurface.withValues(alpha: 0.6)
-                    : theme.colorScheme.onSurface.withValues(alpha: 0.3),
+                    ? AppColors.navyGray
+                    : AppColors.textMuted,
                 ),
               ],
             ),
@@ -227,8 +229,12 @@ class _DateRangeItem extends StatelessWidget {
       child: Container(
         padding: const EdgeInsets.all(16),
         decoration: BoxDecoration(
-          color: Colors.white,
+          color: AppColors.surfaceColorAlt,
           borderRadius: BorderRadius.circular(16),
+          border: Border.all(
+            color: AppColors.borderColor.withValues(alpha: 0.7),
+            width: 1.5,
+          ),
         ),
         child: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
@@ -237,7 +243,7 @@ class _DateRangeItem extends StatelessWidget {
               label,
               style: TextStyle(
                 fontSize: 12,
-                color: theme.colorScheme.onSurface.withValues(alpha: 0.6),
+                color: AppColors.textSecondary,
               ),
             ),
             const SizedBox(height: 4),
@@ -249,8 +255,8 @@ class _DateRangeItem extends StatelessWidget {
                 fontSize: 16,
                 fontWeight: FontWeight.w500,
                 color: date != null
-                    ? theme.colorScheme.onSurface
-                    : theme.colorScheme.onSurface.withValues(alpha: 0.4),
+                    ? AppColors.textPrimary
+                    : AppColors.textMuted,
               ),
             ),
           ],