refactor: enforce frontend view model boundaries

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

@@ -8,9 +8,11 @@ import classes from "../../AccountPage.module.css";
 
 const AccountPageLoading: FC = () => {
 	const { t } = useTranslation();
+
 	return (
 		<LoadingSkeleton label={t("states.loadingTitle")}>
 			<Skeleton height={32} width="35%" />
+
 			<SimpleGrid
 				aria-hidden="true"
 				cols={{ base: 1, md: 3, sm: 2 }}
@@ -19,6 +21,7 @@ const AccountPageLoading: FC = () => {
 				{["first", "second", "third"].map(placeholder => (
 					<Paper className={classes.total} key={placeholder} withBorder>
 						<Skeleton height={24} radius={4} width={40} />
+
 						<Skeleton
 							className={classes.totalAmountSkeleton}
 							height={21}
@@ -28,7 +31,9 @@ const AccountPageLoading: FC = () => {
 					</Paper>
 				))}
 			</SimpleGrid>
+
 			<Skeleton height={260} radius="sm" />
+
 			{["first", "second", "third"].map(placeholder => (
 				<Skeleton height={52} key={placeholder} radius="sm" />
 			))}