release(runway): cherry-pick fix: layout inconsistencies cp-13.12.0

ui/components/app/wallet-overview/coin-overview.tsx

@@ -412,7 +412,7 @@ export const CoinOverview = ({
       balance={
         shouldShowBalanceEmptyState ? (
           <BalanceEmptyState
-            className="w-full max-w-[420px]"
+            className="w-full max-w-[460px] self-center"
             data-testid="coin-overview-balance-empty-state"
             onClickReceive={handleReceiveOnClick}
           />

ui/pages/multi-srp/import-srp/index.scss

@@ -24,9 +24,6 @@
   z-index: 55;
   padding: 24px;
   padding-top: 0;
-  max-width: 446px;
-  min-height: 700px;
-  height: 700px;
 
   @include design-system.screen-sm-max {
     min-height: auto;

ui/pages/multichain-accounts/add-wallet-page/add-wallet-page.tsx

@@ -39,7 +39,7 @@ export const AddWalletPage = () => {
   );
 
   return (
-    <Page className="max-w-[600px]">
+    <Page>
       <Header
         textProps={{
           variant: LegacyTextVariant.headingSm,

ui/pages/multichain-accounts/multichain-account-address-list-page/multichain-account-address-list-page.tsx

@@ -102,7 +102,7 @@ export const MultichainAccountAddressListPage = ({
   }, []);
 
   return (
-    <Page className="max-w-[600px]">
+    <Page>
       <Header
         textProps={{
           variant: TextVariant.headingSm,

ui/pages/multichain-accounts/multichain-account-private-key-list-page/multichain-account-private-key-list-page.tsx

@@ -75,7 +75,7 @@ export const MultichainAccountPrivateKeyListPage = ({
   );
 
   return (
-    <Page className="max-w-[600px]">
+    <Page>
       <Header
         textProps={{
           variant: TextVariant.headingSm,

ui/pages/multichain-accounts/smart-account-page/smart-account-page.tsx

@@ -37,7 +37,7 @@ export const SmartAccountPage = ({
   }
 
   return (
-    <Page className="max-w-[600px]">
+    <Page>
       <Header
         textProps={{
           variant: TextVariant.headingSm,

ui/pages/pages.scss

@@ -25,7 +25,6 @@
 @import 'swaps/index';
 @import 'bridge/index';
 @import 'unlock-page/index';
-@import 'multichain-accounts/account-list/account-list';
 @import 'multichain-accounts/wallet-details-page/index';
 @import 'multi-srp/import-srp/index';
 @import 'multichain-accounts/multichain-account-details-page/index';

ui/pages/routes/routes.component.tsx

@@ -128,7 +128,6 @@ import KeyringSnapRemovalResult from '../../components/app/modals/keyring-snap-r
 import { MultichainAccountListMenu } from '../../components/multichain-accounts/multichain-account-list-menu';
 
 import { DeprecatedNetworkModal } from '../settings/deprecated-network-modal/DeprecatedNetworkModal';
-import { MultichainMetaFoxLogo } from '../../components/multichain/app-header/multichain-meta-fox-logo';
 import NetworkConfirmationPopover from '../../components/multichain/network-list-menu/network-confirmation-popover/network-confirmation-popover';
 import { ToastMaster } from '../../components/app/toast-master/toast-master';
 import { type DynamicImportType, mmLazy } from '../../helpers/utils/mm-lazy';
@@ -152,11 +151,7 @@ import { State2Wrapper } from '../../components/multichain-accounts/state2-wrapp
 import { RootLayout } from '../../layouts/root-layout';
 import { LegacyLayout } from '../../layouts/legacy-layout';
 import { RouteWithLayout } from '../../layouts/route-with-layout';
-import {
-  getConnectingLabel,
-  isConfirmTransactionRoute,
-  setTheme,
-} from './utils';
+import { getConnectingLabel, setTheme } from './utils';
 import { ConfirmationHandler } from './confirmation-handler';
 import { Modals } from './modals';
 
@@ -705,7 +700,7 @@ export default function Routes() {
             authenticated
             path={IMPORT_SRP_ROUTE}
             component={ImportSrpPage}
-            layout={LegacyLayout}
+            layout={RootLayout}
           />
           <RouteWithLayout
             authenticated
@@ -765,7 +760,7 @@ export default function Routes() {
           </RouteWithLayout>
           <RouteWithLayout
             path={`${CONFIRM_TRANSACTION_ROUTE}/:id?`}
-            layout={LegacyLayout}
+            layout={RootLayout}
           >
             {createV5CompatRoute<{ id?: string }>(ConfirmTransaction, {
               wrapper: AuthenticatedV5Compat,
@@ -827,7 +822,7 @@ export default function Routes() {
           </RouteWithLayout>
           <RouteWithLayout
             path={`${CONFIRMATION_V_NEXT_ROUTE}/:id?`}
-            layout={LegacyLayout}
+            layout={RootLayout}
           >
             {createV5CompatRoute<{ id?: string }>(ConfirmationPage, {
               wrapper: AuthenticatedV5Compat,
@@ -1190,9 +1185,7 @@ export default function Routes() {
       <QRHardwarePopover />
       <Modal />
       <Alert visible={alertOpen} msg={alertMessage} />
-      {isConfirmTransactionRoute(location.pathname) && (
-        <MultichainMetaFoxLogo />
-      )}
+
       {isAccountMenuOpen ? accountListMenu : null}
 
       <NetworkConfirmationPopover />