feat: update profile

lib/presentation/pages/profile/profile_page.dart

@@ -1,7 +1,9 @@
 import 'package:auto_route/auto_route.dart';
 import 'package:flutter/material.dart';
+import 'package:line_icons/line_icons.dart';
 
 import '../../../common/theme/theme.dart';
+import '../../components/button/button.dart';
 import '../../components/spacer/spacer.dart';
 import 'widgets/account_info.dart';
 import 'widgets/app_setting.dart';
@@ -23,43 +25,76 @@ class _ProfilePageState extends State<ProfilePage> {
   Widget build(BuildContext context) {
     return Scaffold(
       backgroundColor: AppColor.background,
-      appBar: AppBar(
-        title: Text(
-          'Profile',
-          style: AppStyle.xxl.copyWith(
-            color: AppColor.textWhite,
-            fontWeight: FontWeight.w600,
+      body: CustomScrollView(
+        slivers: [
+          SliverAppBar(
+            backgroundColor: AppColor.primary,
+            elevation: 0,
+            pinned: true,
+            expandedHeight: 264.0,
+            flexibleSpace: LayoutBuilder(
+              builder: (BuildContext context, BoxConstraints constraints) {
+                // Calculate the collapse ratio
+                final double top = constraints.biggest.height;
+                final double collapsedHeight =
+                    MediaQuery.of(context).padding.top + kToolbarHeight;
+                final double expandedHeight = 264.0;
+                final double shrinkRatio =
+                    ((expandedHeight - top) /
+                            (expandedHeight - collapsedHeight))
+                        .clamp(0.0, 1.0);
+
+                return FlexibleSpaceBar(
+                  background: ProfileHeader(),
+                  titlePadding: const EdgeInsets.only(
+                    left: 20,
+                    right: 12,
+                    bottom: 16,
+                  ),
+                  title: Opacity(
+                    opacity: shrinkRatio,
+                    child: Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      children: [
+                        Text(
+                          'Profile',
+                          style: AppStyle.xl.copyWith(
+                            fontWeight: FontWeight.w700,
+                            fontSize: 18,
+                            letterSpacing: -0.5,
+                            color: AppColor.white,
+                          ),
+                        ),
+                        ActionIconButton(
+                          onTap: () {},
+                          icon: LineIcons.userEdit,
+                        ),
+                      ],
+                    ),
+                  ),
+                );
+              },
+            ),
           ),
-        ),
-        backgroundColor: AppColor.primary,
-        elevation: 0,
-        actions: [
-          IconButton(
-            icon: const Icon(Icons.edit, color: AppColor.textWhite),
-            onPressed: () {
-              // Navigate to edit profile
-            },
+          SliverToBoxAdapter(
+            child: Column(
+              children: [
+                const SpaceHeight(20),
+                ProfileAccountInfo(),
+                const SpaceHeight(12),
+                ProfileBusinessSetting(),
+                const SpaceHeight(12),
+                ProfileAppSetting(),
+                const SpaceHeight(12),
+                ProfileSupport(),
+                const SpaceHeight(12),
+                ProfileDangerZone(),
+                const SpaceHeight(30),
+              ],
+            ),
           ),
         ],
       ),
-      body: SingleChildScrollView(
-        child: Column(
-          children: [
-            ProfileHeader(),
-            const SpaceHeight(20),
-            ProfileAccountInfo(),
-            const SpaceHeight(12),
-            ProfileBusinessSetting(),
-            const SpaceHeight(12),
-            ProfileAppSetting(),
-            const SpaceHeight(12),
-            ProfileSupport(),
-            const SpaceHeight(12),
-            ProfileDangerZone(),
-            const SpaceHeight(30),
-          ],
-        ),
-      ),
     );
   }
 }