feat: add rive loading animation in profile page

lib/features/profile/presentation/bloc/profile_cubit/profile_cubit.dart

@@ -29,6 +29,7 @@ class ProfileCubit extends Cubit<ProfileState> {
     _currentPeriod = period;
     try {
       final profile = await profileRepository.getMyProfile();
+      await Future.delayed(Duration(seconds: 1));
       emit(ProfileState.loaded(
         profile: profile,
         profileDetails: await profileRepository.getMyProfileDetails(),

lib/features/profile/presentation/pages/profile_screen.dart

@@ -14,6 +14,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 import 'package:go_router/go_router.dart';
+import 'package:rive/rive.dart';
 import 'package:share_plus/share_plus.dart';
 
 class ProfileScreen extends StatefulWidget {
@@ -287,7 +288,18 @@ class _ProfileScreenState extends State<ProfileScreen> {
           return Scaffold(
             appBar: AppBar(),
             body: Center(
-              child: CircularProgressIndicator(),
+              child: Column(
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  SizedBox(
+                    height: 32,
+                    width: 32,
+                    child: RiveAnimation.asset(
+                      'assets/rive_animations/loading.riv',
+                    ),
+                  ),
+                ],
+              )
             ),
           );
         }