New wallet flow - re-consolidate routes in config

[gomesalexandre]

Overview

Once we go live with new wallet flow, routes handling will need to be re-consolidated by leveraging

web/src/context/WalletProvider/config.ts

Lines 368 to 386 in c708b53

	[KeyManager.Native]: {
	...NativeConfig,
	routes: [
	{ path: NativeWalletRoutes.Connect, component: NativeStart },
	{ path: NativeWalletRoutes.Load, component: NativeLoad },
	{ path: NativeWalletRoutes.Password, component: NativePassword },
	{ path: NativeWalletRoutes.Rename, component: NativeRename },
	{ path: NativeWalletRoutes.ImportSelect, component: NativeImportSelect },
	{ path: NativeWalletRoutes.ImportSeed, component: NativeImportSeed },
	{ path: NativeWalletRoutes.ImportKeystore, component: NativeImportKeystore },
	{ path: NativeWalletRoutes.Create, component: NativeCreate },
	{ path: NativeWalletRoutes.CreateTest, component: NativeTestPhrase },
	{ path: NativeWalletRoutes.Success, component: NativeSuccess },
	{ path: NativeWalletRoutes.EnterPassword, component: EnterPassword },
	{ path: NativeWalletRoutes.LegacyLogin, component: NativeLegacyLogin },
	{ path: NativeWalletRoutes.LegacyLoginSuccess, component: NativeLegacySuccess },
	],
	connectedMenuComponent: NativeMenu,
	},

Currently, routes in in <NewWalletViewsSwitch /> (or at least, that's where they're handled at the time of writing) are manually re-handled, because of styling issues, mostly:

web/src/context/WalletProvider/NewWalletViews/NewWalletViewsSwitch.tsx

Lines 56 to 88 in c708b53

	<Route exact path='/metamask/connect'>
	<MipdBody
	rdns={modalType}
	isLoading={isLoading}
	error={error}
	setIsLoading={setIsLoading}
	setError={setError}
	/>
	</Route>
	<Route path='/metamask/snap/install'>
	<Flex height='full' alignItems='center'>
	<Box width='full'>
	<SnapInstall />
	</Box>
	</Flex>
	</Route>
	<Route path='/metamask/snap/update'>
	<Flex height='full' alignItems='center'>
	<Box width='full'>
	<SnapUpdate />
	</Box>
	</Flex>
	</Route>
	<Route path='/'>
	<MipdBody
	rdns={modalType}
	isLoading={isLoading}
	error={error}
	setIsLoading={setIsLoading}
	setError={setError}
	/>
	</Route>
	</Switch>

After we go live and delete previous wallet flow code, we'll be able to apply the style we want in each component, hence ensuring we don't produce any regression, and making it so that we don't have to reinvent the wheel and don't need to have another place with full-fledged routes handling logic.

References and additional details

N/A

Acceptance Criteria

• Routes are handled in a single-place again after go-live
• Dead code from previous components is removed

Need By Date

No response

Screenshots/Mockups

No response

Estimated effort

No response