refactor: enforce frontend view model boundaries

src/pages/account/ui/AccountPage/components/CurrencyCards/CurrencyCards.view.tsx

@@ -16,8 +16,9 @@ type CurrencyCardsProps = {
 };
 
 const CurrencyCards: FC<CurrencyCardsProps> = (props) => {
-	const { amounts } = props;
 	const { t } = useTranslation();
+	const { amounts } = props;
+
 	const currencies: Record<string, { name: string; symbol: string }> = {
 		EUR: { name: t("portfolio.currencies.EUR"), symbol: "€" },
 		RUB: { name: t("portfolio.currencies.RUB"), symbol: "₽" },
@@ -28,6 +29,7 @@ const CurrencyCards: FC<CurrencyCardsProps> = (props) => {
 		<SimpleGrid cols={{ base: 1, md: 3, sm: 2 }} spacing={10}>
 			{amounts.map((money) => {
 				const amount = formatDecimal(money.value);
+
 				return (
 					<Paper
 						className={classes.total}
@@ -40,10 +42,12 @@ const CurrencyCards: FC<CurrencyCardsProps> = (props) => {
 							<span aria-hidden="true">
 								{currencies[money.currency]?.symbol ?? money.currency}
 							</span>
+
 							<VisuallyHidden>
 								{currencies[money.currency]?.name ?? money.currency}
 							</VisuallyHidden>
 						</Text>
+
 						<Text className={classes.totalAmount} component="dd" m={0}>
 							{amount.startsWith("-")
 								? (
@@ -51,13 +55,13 @@ const CurrencyCards: FC<CurrencyCardsProps> = (props) => {
 											<span className={classes.totalLeadingDigits}>
 												{amount.slice(0, SIGN_PREFIX_LENGTH)}
 											</span>
+
 											{amount.slice(SIGN_PREFIX_LENGTH)}
 										</>
 									)
 								: (
 										amount
-									)}
-							{" "}
+									)}{" "}
 							{currencies[money.currency]?.symbol ?? money.currency}
 						</Text>
 					</Paper>