web-wallet: Improve Migration Functionality

[nortonandreev]

Description

The current Migration functionality in the Web Wallet requires improvements to align with best practices, enhance user experience, and ensure consistency across components. This issue outlines several tasks to achieve these goals.

Tasks

1. Remove metadata:

   • metadata is currently used for analytics purposes, but analytics have been disabled.

2. Add ENV Variable for Reown Project ID:

   • Replace the hardcoded Reown Project ID with an environment variable for improved configurability and security.

3. Add Labels to the Stepper:

   • Include the following labels to the Stepper component for better clarity:
     • "Approve"
     • "Migrate"
     • "Done"

4. Align Migrate Flow Layout:

   • The current Migrate flow uses a custom layout instead of the standardized Wizard used in other flows. Update the layout to ensure a consistent look and feel across all flows.

5. Update Approval Success Copy:

   • Replace the existing approval success message ("Migration Approved") with a less confusing message. Suggested copy:
     • "Approval successful! You may now proceed with the migration."

6. Remove migrationInProgress Flag:

   • The migrationInProgress flag is currently not being used and should be removed to clean up the codebase. Follow up: web-wallet: Unused migrationInProgress Property in MigrateContract Component #3135

7. Replace Migration Requirements Details with the Banner Component:

   • Use the Banner component to display migration requirements, ensuring a consistent and visually appealing presentation.

Expected Outcome

• The Migration functionality is more user-friendly and consistent with other parts of the application.
• Codebase is simplified by removing unnecessary metadata, unused flags, and hardcoded values.
• Users are provided with clearer guidance and improved overall experience during the migration process.
• Migration requirements are displayed in a standardized format using the Banner component.

Additional Context

These changes are intended to streamline the Migration process and ensure the UI adheres to design and UX standards.