💄 Optimize leveling page

lib/screens/account/leveling.dart

@@ -148,7 +148,6 @@ class LevelingScreen extends HookConsumerWidget {
     return Center(
       child: Container(
         padding: const EdgeInsets.symmetric(horizontal: 20),
-        constraints: const BoxConstraints(maxWidth: 480),
         child: CustomScrollView(
           slivers: [
             const SliverGap(20),
@@ -180,6 +179,12 @@ class LevelingScreen extends HookConsumerWidget {
                 child: Column(
                   crossAxisAlignment: CrossAxisAlignment.stretch,
                   children: [
+                    Text(
+                      '${'levelingProgressLevel'.tr(args: [currentLevel.toString()])} / 120',
+                      textAlign: TextAlign.start,
+                      style: Theme.of(context).textTheme.bodySmall,
+                    ),
+                    const Gap(8),
                     LinearProgressIndicator(
                       value: currentLevel / 120,
                       minHeight: 10,
@@ -190,12 +195,6 @@ class LevelingScreen extends HookConsumerWidget {
                           Theme.of(context).colorScheme.surfaceContainerHigh,
                       borderRadius: BorderRadius.circular(32),
                     ),
-                    const Gap(8),
-                    Text(
-                      '${'levelingProgressLevel'.tr(args: [currentLevel.toString()])} / 120',
-                      textAlign: TextAlign.right,
-                      style: Theme.of(context).textTheme.bodySmall,
-                    ),
                   ],
                 ).padding(horizontal: 16, top: 16, bottom: 12),
               ),
@@ -272,17 +271,12 @@ class LevelingScreen extends HookConsumerWidget {
 
     return SingleChildScrollView(
       padding: getTabbedPadding(context, horizontal: 20, vertical: 20),
-      child: Center(
+      child: Column(
-        child: ConstrainedBox(
+        crossAxisAlignment: CrossAxisAlignment.stretch,
-          constraints: const BoxConstraints(maxWidth: 480),
+        children: [
-          child: Column(
+          _buildMembershipSection(context, ref, stellarSubscription),
-            crossAxisAlignment: CrossAxisAlignment.stretch,
+          const Gap(16),
-            children: [
+        ],
-              _buildMembershipSection(context, ref, stellarSubscription),
-              const Gap(16),
-            ],
-          ),
-        ),
       ),
     );
   }