fix(MUSD-741): use HeaderBase directly so Money title left-aligns

HeaderStandard wraps the title prop in a BoxColumn with alignItems
Center, which forces the title to center regardless of the parent
HeaderBaseVariant. Switch to HeaderBase directly with the title as a
string child; HeaderBaseVariant.Display then renders it left-aligned
with HeadingLg. Replaces the previous attempt that only flipped the
variant without escaping HeaderStandard's centering wrap.

Author: Kureev

app/components/UI/Money/components/MoneyHeader/MoneyHeader.tsx

@@ -1,10 +1,8 @@
 import React from 'react';
 import {
-  FontWeight,
+  HeaderBase,
   HeaderBaseVariant,
-  HeaderStandard,
   IconName,
-  TextVariant,
 } from '@metamask/design-system-react-native';
 import { strings } from '../../../../../../locales/i18n';
 import { MoneyHeaderTestIds } from './MoneyHeader.testIds';
@@ -17,15 +15,10 @@ interface MoneyHeaderProps {
 }
 
 const MoneyHeader = ({ onMenuPress }: MoneyHeaderProps) => (
-  <HeaderStandard
+  <HeaderBase
     testID={MoneyHeaderTestIds.CONTAINER}
     variant={HeaderBaseVariant.Display}
-    title={strings('money.title')}
-    titleProps={{
-      variant: TextVariant.HeadingLg,
-      fontWeight: FontWeight.Bold,
-      testID: MoneyHeaderTestIds.TITLE,
-    }}
+    titleTestID={MoneyHeaderTestIds.TITLE}
     endButtonIconProps={[
       {
         iconName: IconName.MoreVertical,
@@ -34,7 +27,9 @@ const MoneyHeader = ({ onMenuPress }: MoneyHeaderProps) => (
         testID: MoneyHeaderTestIds.MENU_BUTTON,
       },
     ]}
-  />
+  >
+    {strings('money.title')}
+  </HeaderBase>
 );
 
 export default MoneyHeader;