message: fix currency wrapping
diff: @@ -20,10 +20,14 @@ const synthCurrencies = [
  /** The account currencies (glimmer, shards, etc.) */
  export default React.memo(function AccountCurrency() {
  const currencies = useSelector(currenciesSelector);
  + const { other, synth } = _.groupBy(currencies, (c) =>
  + synthCurrencies.includes(c.itemHash) ? 'synth' : 'other'
  + );
  return (
  <>
  - {_.sortBy(currencies, (c) => (synthCurrencies.includes(c.itemHash) ? 1 : -1)).map(
  - (currency) => (
  + {[other, synth].map((currencyGroup) => (
  + <>
  + {currencyGroup.map((currency) => (
  <React.Fragment key={currency.itemHash}>
  <BungieImage
  className={styles.currency}
  @@ -34,14 +38,15 @@ export default React.memo(function AccountCurrency() {
  {currency.quantity.toLocaleString()}
  </div>
  </React.Fragment>
  - )
  - )}
  - {_.times(4 - (currencies.length % 4), (i) => (
  + ))}
  + {_.times((4 - currencyGroup.length) % 4, (i) => (
  <React.Fragment key={i}>
  <div />
  <div />
  </React.Fragment>
  ))}
  </>
  + ))}
  + </>
  );
  });
  