feat: profile page

lib/presentation/pages/profile/profile_page.dart

@@ -1,12 +1,65 @@
 import 'package:auto_route/auto_route.dart';
 import 'package:flutter/material.dart';
 
+import '../../../common/theme/theme.dart';
+import '../../components/spacer/spacer.dart';
+import 'widgets/account_info.dart';
+import 'widgets/app_setting.dart';
+import 'widgets/business_setting.dart';
+import 'widgets/danger_zone.dart';
+import 'widgets/header.dart';
+import 'widgets/support.dart';
+
 @RoutePage()
-class ProfilePage extends StatelessWidget {
+class ProfilePage extends StatefulWidget {
   const ProfilePage({super.key});
 
+  @override
+  State<ProfilePage> createState() => _ProfilePageState();
+}
+
+class _ProfilePageState extends State<ProfilePage> {
   @override
   Widget build(BuildContext context) {
-    return Center(child: Text('ProfilePage'));
+    return Scaffold(
+      backgroundColor: AppColor.background,
+      appBar: AppBar(
+        title: Text(
+          'Profile',
+          style: AppStyle.xxl.copyWith(
+            color: AppColor.textWhite,
+            fontWeight: FontWeight.w600,
+          ),
+        ),
+        backgroundColor: AppColor.primary,
+        elevation: 0,
+        actions: [
+          IconButton(
+            icon: const Icon(Icons.edit, color: AppColor.textWhite),
+            onPressed: () {
+              // Navigate to edit profile
+            },
+          ),
+        ],
+      ),
+      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),
+          ],
+        ),
+      ),
+    );
   }
 }