Completed the Enhancement CR

lib/views/dashboard/fragments/home_fragment.dart

@@ -8,12 +8,14 @@ import 'package:mc_common_app/models/appointments_models/appointment_list_model.
 import 'package:mc_common_app/utils/enums.dart';
 import 'package:mc_common_app/utils/navigator.dart';
 import 'package:mc_common_app/view_models/ad_view_model.dart';
+import 'package:mc_common_app/view_models/appointments_view_model.dart';
 import 'package:mc_common_app/view_models/dashboard_view_model_provider.dart';
 import 'package:mc_common_app/views/advertisement/components/ads_list_widget.dart';
 import 'package:mc_common_app/views/appointments/widgets/common_appointment_slider_widget.dart';
 import 'package:mc_common_app/widgets/common_widgets/app_bar.dart';
 import 'package:mc_common_app/widgets/common_widgets/view_all_widget.dart';
 import 'package:mc_common_app/widgets/extensions/extensions_widget.dart';
+import 'package:mc_common_app/widgets/shimmer/home_shimmer_widgets.dart';
 import 'package:provider/provider.dart';
 
 class HomeFragment extends StatelessWidget {
@@ -59,14 +61,24 @@ class HomeFragment extends StatelessWidget {
                       context.read<DashboardVMProvider>().onNavbarTapped(1);
                     },
                   ).horPaddingMain(),
-                  CommonAppointmentSliderWidget(
+                  Consumer<AppointmentsVM>(
+                    builder: (BuildContext context, AppointmentsVM appointmentVM, Widget? child) {
+                      // Show shimmer when loading
+                      if (appointmentVM.state == ViewState.busy) {
+                        return const AppointmentSliderShimmer();
+                      }
+                      // Show actual data when idle
+                      return CommonAppointmentSliderWidget(
                         onAppointmentClick: (AppointmentListModel value) => navigateWithName(
                           context,
                           AppRoutes.appointmentDetailList,
                           arguments: value,
-                              )).toWhiteContainer(width: double.infinity, backgroundColor: Colors.transparent).margin(
+                        ),
+                      ).toWhiteContainer(width: double.infinity, backgroundColor: Colors.transparent).margin(
                         left: 21,
                         right: 21,
+                      );
+                    },
                   ),
                   24.height,
                   ViewAllWidget(
@@ -83,12 +95,24 @@ class HomeFragment extends StatelessWidget {
               ),
               Consumer(
                 builder: (BuildContext context, AdVM adVM, Widget? child) {
+                  // Show shimmer when loading
                   if (adVM.state == ViewState.busy) {
-                    return const Padding(
+                    return Padding(
-                      padding: EdgeInsets.all(30),
+                      padding: const EdgeInsets.only(top: 15),
-                      child: Center(child: CircularProgressIndicator()),
+                      child: Column(
+                        children: [
+                          ViewAllWidget(
+                            title: LocaleKeys.my_active_Ads.tr().toUpperCase(),
+                            subTitle: LocaleKeys.view_all.tr(),
+                            onSubtitleTapped: () {},
+                          ).horPaddingMain(),
+                          14.height,
+                          const AdsListShimmer(itemCount: 2),
+                        ],
+                      ),
                     );
-                  } else {
+                  }
+                  // Show actual data when idle
                   return Column(
                     children: [
                       if (adVM.myActiveAdsForHome.isNotEmpty) ...[
@@ -141,7 +165,6 @@ class HomeFragment extends StatelessWidget {
                       ]
                     ],
                   );
-                  }
                 },
               ).toContainer(backgroundColor: const Color(0xFFF8F8F8), padding: EdgeInsets.zero, margin: EdgeInsets.zero),
               21.height,