style: 뒤로 가기 아이콘을 디자인에 맞게 수정 (#69)

기존 뒤로 가기 아이콘의 굵기가 디자인과 달라, 시안에 맞춘 SVG 아이콘으로 대체하고 각 화면에 적용했습니다.

Author: surfwithus

frontend/ongi/assets/images/back_icon_black.svg

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:fl_chart/fl_chart.dart';
+import 'package:flutter_svg/svg.dart';
 import 'package:ongi/core/app_colors.dart';
 import 'package:ongi/core/app_light_background.dart';
 import 'package:ongi/screens/home/home_ourfamily_text_withoutUser.dart';
@@ -50,26 +51,34 @@ class _HomeDegreeGraph extends State<HomeDegreeGraph> {
                 onTap: widget.onBack ?? () => Navigator.of(context).pop(),
                 child: Padding(
                   padding: EdgeInsets.only(
-                    left: 32,
-                    top: MediaQuery.of(context).size.height * 0.08,
+                    left: 40,
+                    top: MediaQuery.of(context).size.height * 0.06,
+                  ),
+                  child: SizedBox(
+                    width: 36,
+                    height: 36,
+                    child: SvgPicture.asset(
+                      'assets/images/back_icon_black.svg',
+                    ),
                   ),
-                  child: Icon(Icons.arrow_back_ios, color: Colors.black, size: 28),
                 ),
               ),
+              SizedBox(height: MediaQuery.of(context).size.height * 0.025),
               // 타이틀
               const HomeOngiTextWithoutUser(),
               // 카드
               Padding(
-                padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+                padding: const EdgeInsets.symmetric(
+                  horizontal: 16,
+                  vertical: 8,
+                ),
                 child: Container(
                   decoration: BoxDecoration(
                     color: Colors.white,
                     borderRadius: BorderRadius.circular(24),
                   ),
                   padding: const EdgeInsets.all(20),
-                  child: showHistory
-                      ? _buildHistoryList()
-                      : _buildGraphCard(),
+                  child: showHistory ? _buildHistoryList() : _buildGraphCard(),
                 ),
               ),
             ],
@@ -101,18 +110,17 @@ class _HomeDegreeGraph extends State<HomeDegreeGraph> {
                 show: true,
                 drawVerticalLine: false,
                 horizontalInterval: 0.5,
-                getDrawingHorizontalLine: (value) => FlLine(
-                  color: Colors.grey[300],
-                  strokeWidth: 1,
-                ),
+                getDrawingHorizontalLine: (value) =>
+                    FlLine(color: Colors.grey[300], strokeWidth: 1),
               ),
               titlesData: FlTitlesData(
                 leftTitles: AxisTitles(
                   sideTitles: SideTitles(
                     showTitles: true,
                     interval: 0.5,
                     getTitlesWidget: (value, meta) {
-                      if (value == 35.2 || value == 40.5) return const SizedBox.shrink();
+                      if (value == 35.2 || value == 40.5)
+                        return const SizedBox.shrink();
                       return Text(
                         value.toStringAsFixed(1),
                         style: const TextStyle(
@@ -131,7 +139,8 @@ class _HomeDegreeGraph extends State<HomeDegreeGraph> {
                     getTitlesWidget: (value, meta) {
                       if (value % 1 != 0) return const SizedBox.shrink();
                       int idx = value.toInt();
-                      if (idx < 0 || idx >= dates.length) return const SizedBox.shrink();
+                      if (idx < 0 || idx >= dates.length)
+                        return const SizedBox.shrink();
                       return Padding(
                         padding: const EdgeInsets.only(top: 8),
                         child: Text(
@@ -147,12 +156,14 @@ class _HomeDegreeGraph extends State<HomeDegreeGraph> {
                     interval: 1,
                   ),
                 ),
-                rightTitles: AxisTitles(sideTitles: SideTitles(showTitles: false)),
-                topTitles: AxisTitles(sideTitles: SideTitles(showTitles: false)),
-              ),
-              borderData: FlBorderData(
-                show: false,
+                rightTitles: AxisTitles(
+                  sideTitles: SideTitles(showTitles: false),
+                ),
+                topTitles: AxisTitles(
+                  sideTitles: SideTitles(showTitles: false),
+                ),
               ),
+              borderData: FlBorderData(show: false),
               lineBarsData: [
                 LineChartBarData(
                   spots: spots,
@@ -162,12 +173,13 @@ class _HomeDegreeGraph extends State<HomeDegreeGraph> {
                   isStrokeCapRound: true,
                   dotData: FlDotData(
                     show: true,
-                    getDotPainter: (spot, percent, bar, index) => FlDotCirclePainter(
-                      radius: 3,
-                      color: Colors.white,
-                      strokeWidth: 2.5,
-                      strokeColor: Colors.orange,
-                    ),
+                    getDotPainter: (spot, percent, bar, index) =>
+                        FlDotCirclePainter(
+                          radius: 3,
+                          color: Colors.white,
+                          strokeWidth: 2.5,
+                          strokeColor: Colors.orange,
+                        ),
                   ),
                 ),
               ],
@@ -223,11 +235,7 @@ class _HomeDegreeGraph extends State<HomeDegreeGraph> {
                         ),
                       ),
                       if (idx != history.length - 1)
-                        Container(
-                          width: 2,
-                          height: 24,
-                          color: Colors.orange,
-                        ),
+                        Container(width: 2, height: 24, color: Colors.orange),
                     ],
                   ),
                   const SizedBox(width: 8),

frontend/ongi/lib/screens/home/home_degree_graph.dart

@@ -12,7 +12,6 @@ class HomeOngiTextWithoutUser extends StatelessWidget {
       padding: EdgeInsets.only(
         left: 32,
         right: 0, // 오른쪽 패딩 제거
-        top: 16,
         bottom: 16,
       ),
       child: Column(

frontend/ongi/lib/screens/home/home_ourfamily_text_withoutUser.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_svg/svg.dart';
 import 'package:table_calendar/table_calendar.dart';
 import 'package:ongi/core/app_light_background.dart';
 import 'package:ongi/core/app_colors.dart';
@@ -254,18 +255,14 @@ class _PhotoCalendarScreenState extends State<PhotoCalendarScreen> {
         children: [
           const PhotoDateScreen(),
           Positioned(
-            top: MediaQuery.of(context).padding.top + 16,
-            left: 20,
+            top: MediaQuery.of(context).padding.top - 10,
+            left: 40,
             child: GestureDetector(
               onTap: _goBackToCalendar,
-              child: const SizedBox(
-                width: 44,
-                height: 44,
-                child: Icon(
-                  Icons.arrow_back_ios,
-                  color: AppColors.ongiOrange,
-                  size: 30,
-                ),
+              child: SizedBox(
+                width: 36,
+                height: 36,
+                child: SvgPicture.asset('assets/images/back_icon_black.svg'),
               ),
             ),
           ),

frontend/ongi/lib/screens/photo/photo_calendar_screen.dart

@@ -56,6 +56,7 @@ flutter:
     - assets/images/users/elderly_woman.png
     - assets/images/close_icon_orange.svg
     - assets/images/close_icon_black.svg
+    - assets/images/back_icon_black.svg
     - assets/images/dropdown_icon.svg
     - assets/images/camera_button.svg
     - assets/images/step_tracker_crown.svg