fix: address MUL-1692 review feedback

Author: gantunesr

app/components/Views/MultichainAccounts/MultichainAccountConnect/MultichainAccountConnect.stories.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { Provider } from 'react-redux';
 import { configureStore } from '@reduxjs/toolkit';
 import { AccountGroupType, AccountGroupId } from '@metamask/account-api';
-import { Box, Toast } from '@metamask/design-system-react-native';
+import { Box, Toaster } from '@metamask/design-system-react-native';
 import { NavigationContainer } from '@react-navigation/native';
 import { createStackNavigator } from '@react-navigation/stack';
 import {
@@ -211,7 +211,7 @@ const MultichainAccountConnectMeta = {
         <MockNavigationWrapper>
           <Box twClassName="flex-1 bg-default">
             <Story />
-            <Toast />
+            <Toaster />
           </Box>
         </MockNavigationWrapper>
       </Provider>

app/components/Views/MultichainAccounts/MultichainAccountConnect/MultichainAccountConnect.tsx

@@ -52,6 +52,10 @@ import {
   AccountConnectScreens,
   NetworkAvatarProps,
 } from '../../AccountConnect/AccountConnect.types.ts';
+import {
+  AvatarSize,
+  AvatarVariant,
+} from '../../../../component-library/components/Avatars/Avatar';
 import { getNetworkImageSource } from '../../../../util/networks/index.js';
 import {
   EvmAndMultichainNetworkConfigurationsWithCaipChainId,
@@ -121,8 +125,8 @@ const ScreenContainer: React.FC<ScreenContainerProps> = ({
   </Box>
 );
 
-const NETWORK_AVATAR_SIZE = '16' as NetworkAvatarProps['size'];
-const NETWORK_AVATAR_VARIANT = 'Network' as NetworkAvatarProps['variant'];
+const NETWORK_AVATAR_SIZE = AvatarSize.Xs;
+const NETWORK_AVATAR_VARIANT = AvatarVariant.Network;
 
 const MultichainAccountConnect = (props: AccountConnectProps) => {
   const { colors } = useTheme();