1. 이미지 및 UI 개선

2. UI 텍스트 한국어 번역
3. 환경설정 화면 상세 구현 (SettingScreen)

lib/widgets/custom_header.dart

@@ -4,12 +4,10 @@ final Color _mainBlueColor = const Color(0xFF0033CC);
 final Color _mainTextColor = const Color(0xFF1C1C1E);
 final Color _subTextColor = const Color(0xFF6A717B);
 final Color _pageBackgroundColor = const Color(0xFFF5F7F9);
-final Color _cardBackgroundColor = const Color(0xFFF0F2F5);
+
 class CustomHeader extends StatelessWidget {
   const CustomHeader({super.key});
 
-  static const double _uniformGap = 16.0;
-
   @override
   Widget build(BuildContext context) {
     return Container(
@@ -21,28 +19,35 @@ class CustomHeader extends StatelessWidget {
             color: Color.fromRGBO(0, 0, 0, 0.07),
             offset: Offset(0, 4),
             blurRadius: 6,
-            spreadRadius: 0,
           ),
         ],
       ),
-      padding: const EdgeInsets.symmetric(horizontal: _uniformGap),
+      padding: const EdgeInsets.symmetric(horizontal: 16),
       child: Row(
         mainAxisAlignment: MainAxisAlignment.spaceBetween,
-        crossAxisAlignment: CrossAxisAlignment.center,
         children: [
-          Row(children: [
-            Icon(Icons.settings_input_component, color: Colors.black),
-            const SizedBox(width: 10),
-            Text(
-              '스마트 헬멧',
-              style: TextStyle(
-                fontSize: 18,
-                fontWeight: FontWeight.w500,
-                color: _mainTextColor,
-                letterSpacing: 0.5,
+          Row(
+            children: [
+              Container(
+                width: 18,
+                height: 18,
+                decoration: BoxDecoration(
+                  color: _mainBlueColor,
+                  shape: BoxShape.circle,
+                ),
               ),
-            )
-          ]),
+              const SizedBox(width: 10),
+              Text(
+                '스마트 헬멧 보관함',
+                style: TextStyle(
+                  fontSize: 18,
+                  fontWeight: FontWeight.w500,
+                  color: _mainTextColor,
+                  letterSpacing: 0.5,
+                ),
+              ),
+            ],
+          ),
           Text(
             '2025/09/26 - 10:44 AM',
             style: TextStyle(color: _subTextColor, fontSize: 11),
@@ -52,3 +57,47 @@ class CustomHeader extends StatelessWidget {
     );
   }
 }
+
+void main() {
+  runApp(const MaterialApp(home: ScrollableHeaderPage()));
+}
+
+class ScrollableHeaderPage extends StatelessWidget {
+  const ScrollableHeaderPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: _pageBackgroundColor,
+      body: SingleChildScrollView(
+        child: Column(
+          children: [
+            const CustomHeader(),
+            for (int i = 0; i < 20; i++)
+              Container(
+                margin: const EdgeInsets.symmetric(vertical: 8, horizontal: 16),
+                height: 100,
+                decoration: BoxDecoration(
+                  color: Colors.white,
+                  borderRadius: BorderRadius.circular(8),
+                  boxShadow: const [
+                    BoxShadow(
+                      color: Color.fromRGBO(0, 0, 0, 0.05),
+                      blurRadius: 4,
+                      offset: Offset(0, 2),
+                    ),
+                  ],
+                ),
+                child: Center(
+                  child: Text(
+                    '컨텐츠 카드 ${i + 1}',
+                    style: TextStyle(fontSize: 16, color: _mainTextColor),
+                  ),
+                ),
+              ),
+          ],
+        ),
+      ),
+    );
+  }
+}