Add some more UX improvements

Author: david0xd

ui/components/multichain-accounts/multichain-account-list/multichain-account-list.tsx

@@ -41,12 +41,16 @@ export type MultichainAccountListProps = {
   wallets: AccountTreeWallets;
   selectedAccountGroups: AccountGroupId[];
   handleAccountClick?: (accountGroupId: AccountGroupId) => void;
+  isInSearchMode?: boolean;
+  hasMultipleWallets?: boolean;
 };
 
 export const MultichainAccountList = ({
   wallets,
   selectedAccountGroups,
   handleAccountClick,
+  isInSearchMode = false,
+  hasMultipleWallets,
 }: MultichainAccountListProps) => {
   const dispatch = useDispatch();
   const history = useHistory();
@@ -144,7 +148,7 @@ export const MultichainAccountList = ({
           },
         );
 
-        if (walletData.type === AccountWalletType.Entropy) {
+        if (!isInSearchMode && walletData.type === AccountWalletType.Entropy) {
           groupsItems.push(
             <AddMultichainAccount
               walletId={walletId as AccountWalletId}
@@ -153,7 +157,11 @@ export const MultichainAccountList = ({
           );
         }
 
-        return [...walletsAccumulator, walletHeader, ...groupsItems];
+        return [
+          ...walletsAccumulator,
+          hasMultipleWallets ? walletHeader : null,
+          ...groupsItems,
+        ];
       },
       [] as React.ReactNode[],
     );

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

@@ -47,6 +47,11 @@ export const AccountList = () => {
   const { selectedAccountGroup } = accountTree;
   const [searchPattern, setSearchPattern] = useState<string>('');
 
+  const hasMultipleWallets = useMemo(
+    () => Object.keys(wallets).length > 1,
+    [wallets],
+  );
+
   const onSearchBarChange = useCallback(
     (e: React.ChangeEvent<HTMLInputElement>) =>
       setSearchPattern(e.target.value),
@@ -118,6 +123,8 @@ export const AccountList = () => {
             <MultichainAccountList
               wallets={filteredWallets}
               selectedAccountGroups={[selectedAccountGroup]}
+              isInSearchMode={Boolean(searchPattern)}
+              hasMultipleWallets={hasMultipleWallets}
             />
           ) : (
             <Box