refactor: enforce frontend view model boundaries

src/pages/account-income/ui/AccountIncomePage/components/AccountIncomePageLoading.view.tsx

@@ -8,24 +8,34 @@ import classes from "../AccountIncomePage.module.css";
 
 const AccountIncomePageLoading: FC = () => {
 	const { t } = useTranslation();
+
 	return (
 		<LoadingSkeleton label={t("states.loadingTitle")}>
 			<Stack gap="lg">
 				<Skeleton height={32} width="40%" />
+
 				<Paper p="md" radius="md" withBorder>
 					<Stack gap="sm">
 						<Skeleton height={20} width="20%" />
+
 						<div className={classes.fields}>
 							<Skeleton height={60} />
+
 							<Skeleton height={60} />
 						</div>
+
 						<Skeleton height={44} width="45%" />
 					</Stack>
 				</Paper>
+
 				<Skeleton height={100} radius="md" />
+
 				<Skeleton height={180} radius="md" />
+
 				<Skeleton height={24} width="25%" />
+
 				<Skeleton height={80} radius="md" />
+
 				<Skeleton height={80} radius="md" />
 			</Stack>
 		</LoadingSkeleton>