[Mobile] Update mobile labels to be sentence case + add labels to mobile...

[Mobile] Update mobile labels to be sentence case + add labels to mobile budget and balance modals (#2627)

* Mobile UI updates

* Release notes

* VRT updates

* Midnight VRT

packages/desktop-client/src/components/modals/RolloverBalanceMenuModal.tsx

@@ -7,6 +7,7 @@ import { type CSSProperties, theme, styles } from '../../style';
 import { BalanceWithCarryover } from '../budget/BalanceWithCarryover';
 import { BalanceMenu } from '../budget/rollover/BalanceMenu';
 import { Modal } from '../common/Modal';
+import { Text } from '../common/Text';
 import { View } from '../common/View';
 import { type CommonModalProps } from '../Modals';
 
@@ -38,7 +39,7 @@ export function RolloverBalanceMenuModal({
 
   return (
     <Modal
-      title={`Balance: ${category.name}`}
+      title={category.name}
       showHeader
       focusAfterClose={false}
       {...modalProps}
@@ -57,6 +58,14 @@ export function RolloverBalanceMenuModal({
           marginBottom: 20,
         }}
       >
+        <Text
+          style={{
+            fontSize: 17,
+            fontWeight: 400,
+          }}
+        >
+          Balance
+        </Text>
         <BalanceWithCarryover
           disabled
           balanceStyle={{

packages/desktop-client/src/components/modals/RolloverBudgetMenuModal.tsx

@@ -11,6 +11,7 @@ import { useCategory } from '../../hooks/useCategory';
 import { type CSSProperties, theme, styles } from '../../style';
 import { BudgetMenu } from '../budget/rollover/BudgetMenu';
 import { Modal } from '../common/Modal';
+import { Text } from '../common/Text';
 import { View } from '../common/View';
 import { FocusableAmountInput } from '../mobile/transactions/FocusableAmountInput';
 import { type CommonModalProps } from '../Modals';
@@ -51,9 +52,13 @@ export function RolloverBudgetMenuModal({
     setAmountFocused(true);
   }, []);
 
+  if (!category) {
+    return null;
+  }
+
   return (
     <Modal
-      title={`Budget: ${category?.name}`}
+      title={category.name}
       showHeader
       focusAfterClose={false}
       {...modalProps}
@@ -72,6 +77,14 @@ export function RolloverBudgetMenuModal({
           marginBottom: 20,
         }}
       >
+        <Text
+          style={{
+            fontSize: 17,
+            fontWeight: 400,
+          }}
+        >
+          Budget
+        </Text>
         <FocusableAmountInput
           value={integerToAmount(budgeted || 0)}
           focused={amountFocused}

upcoming-release-notes/2627.md

+---
+category: Enhancements
+authors: [joel-jeremy]
+---
+
+Mobile - make labels sentence case and update budget and balance modals with Budget and Balance labels respectively.