fix(ui): Fixed amount formatting for transactions view.

The transactions view was not using the intl formatter that was being
used elsewhere in the UI. It has not been updated such that it will use
the intl formatter.

Related To #1169

ui/components/Transactions/TransactionsView/TransactionItem.tsx

@@ -1,8 +1,8 @@
 import TransactionItemMobile from 'components/Transactions/TransactionsView/TransactionItem.mobile';
 import useIsMobile from 'hooks/useIsMobile';
 import React, { Fragment } from 'react';
-import { AccessTime, Work } from '@mui/icons-material';
-import { Avatar, Chip, Divider, ListItem, ListItemAvatar, ListItemText, useMediaQuery } from '@mui/material';
+import { AccessTime } from '@mui/icons-material';
+import { Chip, Divider, ListItem } from '@mui/material';
 import classnames from 'classnames';
 
 import TransactionIcon from 'components/Transactions/components/TransactionIcon';

ui/models/Transaction.ts

@@ -1,5 +1,6 @@
 import moment from 'moment';
 
+import formatAmount from 'util/formatAmount';
 import { mustParseToMoment, parseToMomentMaybe } from 'util/parseToMoment';
 
 export default class Transaction {
@@ -31,11 +32,12 @@ export default class Transaction {
   }
 
   getAmountString(): string {
+    const amount = Math.abs(this.amount);
     if (this.amount < 0) {
-      return `+ $${ (-this.amount / 100).toFixed(2) }`;
+      return `+ ${ formatAmount(amount) }`;
     }
 
-    return `$${ (this.amount / 100).toFixed(2) }`;
+    return formatAmount(amount);
   }
 
   getIsAddition(): boolean {