refactor: enforce frontend view model boundaries

src/pages/accounts/ui/AccountsPage/components/AccountsPageLoaded.view.tsx

@@ -21,15 +21,19 @@ type AccountsPageLoadedProps = AccountsRefreshStateProps & {
 const AccountsPageLoaded: FC<AccountsPageLoadedProps> = (props) => {
 	const { accounts, ...refresh } = props;
 	const { t } = useTranslation();
+
 	return (
 		<Stack gap="lg">
 			<Stack gap={4}>
 				<Title order={1}>{t("accounts.title")}</Title>
+
 				<Text c="dimmed" size="sm">
 					{t("accounts.subtitle")}
 				</Text>
 			</Stack>
+
 			<AccountsRefreshState {...refresh} />
+
 			<Button
 				component={Link}
 				to="/accounts/all"
@@ -38,6 +42,7 @@ const AccountsPageLoaded: FC<AccountsPageLoadedProps> = (props) => {
 			>
 				{t("accounts.openAll")}
 			</Button>
+
 			<BrokerageAccountList accounts={accounts} />
 		</Stack>
 	);