feat: implement modal bottom sheet for schedule editing in CalendarScreen

Author: jjoonleo

lib/presentation/calendar/screens/calendar_screen.dart

@@ -7,6 +7,7 @@ import 'package:on_time_front/core/di/di_setup.dart';
 import 'package:on_time_front/l10n/app_localizations.dart';
 import 'package:on_time_front/presentation/calendar/bloc/monthly_schedules_bloc.dart';
 import 'package:on_time_front/presentation/calendar/component/schedule_detail.dart';
+import 'package:on_time_front/presentation/schedule_create/screens/schedule_edit_screen.dart';
 import 'package:on_time_front/presentation/shared/components/calendar/centered_calendar_header.dart';
 import 'package:on_time_front/presentation/shared/theme/calendar_theme.dart';
 import 'package:table_calendar/table_calendar.dart';
@@ -163,8 +164,13 @@ class _CalendarScreenState extends ConsumerState<CalendarScreen> {
                         return ScheduleDetail(
                           schedule: schedule,
                           onEdit: () {
-                            context.go(
-                              '/scheduleEdit/${schedule.id}',
+                            showModalBottomSheet(
+                              context: context,
+                              isScrollControlled: true,
+                              backgroundColor: Colors.transparent,
+                              builder: (context) => ScheduleEditScreen(
+                                scheduleId: schedule.id,
+                              ),
                             );
                           },
                           onDeleted: () {

lib/presentation/schedule_create/screens/schedule_edit_screen.dart

@@ -12,17 +12,28 @@ class ScheduleEditScreen extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Material(
+      color: Colors.transparent,
       child: SafeArea(
-        child: BlocProvider<ScheduleFormBloc>(
-          create: (context) => getIt.get<ScheduleFormBloc>()
-            ..add(ScheduleFormEditRequested(scheduleId: scheduleId)),
-          child: BlocBuilder<ScheduleFormBloc, ScheduleFormState>(
-            builder: (context, state) {
-              return ScheduleMultiPageForm(
-                  onSaved: () => context.read<ScheduleFormBloc>().add(
-                        const ScheduleFormUpdated(),
-                      ));
-            },
+        child: FractionallySizedBox(
+          heightFactor: 0.85,
+          child: Container(
+            decoration: BoxDecoration(
+              color: Colors.white,
+              borderRadius:
+                  const BorderRadius.vertical(top: Radius.circular(24)),
+            ),
+            child: BlocProvider<ScheduleFormBloc>(
+              create: (context) => getIt.get<ScheduleFormBloc>()
+                ..add(ScheduleFormEditRequested(scheduleId: scheduleId)),
+              child: BlocBuilder<ScheduleFormBloc, ScheduleFormState>(
+                builder: (context, state) {
+                  return ScheduleMultiPageForm(
+                      onSaved: () => context.read<ScheduleFormBloc>().add(
+                            const ScheduleFormUpdated(),
+                          ));
+                },
+              ),
+            ),
           ),
         ),
       ),