feat: redesign backup keys success page (#419)

## Description
Redesign backup keys success page

## Type of Change
- [ ] Bug fix
- [x] New feature
- [ ] Breaking change
- [ ] Refactoring
- [ ] Documentation
- [ ] Chore

## Screenshots
<img
src="https://github.com/user-attachments/assets/2a93ed31-dac1-43c7-a116-8a42b46cb825"
width="320" alt="Screenshot">

lib/app/features/protect_account/backup/views/pages/recovery_keys_success_page.dart

@@ -7,9 +7,7 @@ import 'package:ion/app/components/card/info_card.dart';
 import 'package:ion/app/components/screen_offset/screen_bottom_offset.dart';
 import 'package:ion/app/components/screen_offset/screen_side_offset.dart';
 import 'package:ion/app/extensions/extensions.dart';
-import 'package:ion/app/features/auth/views/components/auth_scrolled_body/auth_scrolled_body.dart';
 import 'package:ion/app/router/app_routes.c.dart';
-import 'package:ion/app/router/components/navigation_app_bar/navigation_close_button.dart';
 import 'package:ion/app/router/components/sheet_content/sheet_content.dart';
 import 'package:ion/generated/assets.gen.dart';
 
@@ -23,43 +21,31 @@ class RecoveryKeysSuccessPage extends ConsumerWidget {
     final locale = context.i18n;
 
     return SheetContent(
-      body: AuthScrollContainer(
-        titleStyle: context.theme.appTextThemes.headline2,
-        descriptionStyle: context.theme.appTextThemes.body2.copyWith(
-          color: context.theme.appColors.secondaryText,
-        ),
-        actions: [
-          NavigationCloseButton(
-            onPressed: Navigator.of(context, rootNavigator: true).pop,
-          ),
-        ],
-        title: locale.backup_option_with_recovery_keys_title,
-        icon: Assets.svg.iconLoginRestorekey.icon(size: 36.0.s),
+      body: Column(
+        mainAxisSize: MainAxisSize.min,
+        mainAxisAlignment: MainAxisAlignment.center,
         children: [
-          Padding(
-            padding: EdgeInsets.symmetric(horizontal: 38.0.s),
-            child: Column(
-              children: [
-                SizedBox(height: 12.0.s),
-                InfoCard(
-                  iconAsset: Assets.svg.actionWalletSecureaccsuccess,
-                  title: locale.recovery_keys_successfully_protected_title,
-                  description: locale.recovery_keys_successfully_protected_description,
-                ),
-                SizedBox(height: 12.0.s),
-              ],
+          SizedBox(
+            height: 27.0.s,
+          ),
+          ScreenSideOffset.medium(
+            child: InfoCard(
+              iconAsset: Assets.svg.actionWalletSecureaccsuccess,
+              title: locale.recovery_keys_successfully_protected_title,
+              description: locale.recovery_keys_successfully_protected_description,
             ),
           ),
-          ScreenBottomOffset(
-            margin: 36.0.s,
-            child: ScreenSideOffset.large(
-              child: Button(
-                onPressed: () => SecureAccountOptionsRoute().replace(context),
-                label: Text(locale.button_back_to_security),
-                mainAxisSize: MainAxisSize.max,
-              ),
+          SizedBox(
+            height: 28.0.s,
+          ),
+          ScreenSideOffset.large(
+            child: Button(
+              onPressed: () => SecureAccountOptionsRoute().replace(context),
+              label: Text(locale.button_back_to_security),
+              mainAxisSize: MainAxisSize.max,
             ),
           ),
+          ScreenBottomOffset(margin: 28.0.s),
         ],
       ),
     );