feat: replace loading spinners with skeletons

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

@@ -3,6 +3,7 @@ import {
 	Button,
 	Group,
 	Loader,
+	Skeleton,
 	Stack,
 	Text,
 	Title,
@@ -12,7 +13,7 @@ import { useTranslation } from "react-i18next";
 import { Link } from "react-router";
 import type { BrokerageAccountCard } from "@/entities/brokerage-account";
 import { BrokerageAccountList } from "@/entities/brokerage-account";
-import { StateView } from "@/shared/ui";
+import { LoadingSkeleton, StateView } from "@/shared/ui";
 
 type AccountsPageErrorProps = {
 	code?: string;
@@ -42,11 +43,12 @@ const AccountsPageLoading: FC = () => {
 	const { t } = useTranslation();
 
 	return (
-		<StateView
-			loading
-			title={t("states.loadingTitle")}
-			text={t("states.loadingText")}
-		/>
+		<LoadingSkeleton label={t("states.loadingTitle")}>
+			<Skeleton height={32} width="30%" />
+			{[0, 1, 2].map((index) => (
+				<Skeleton key={index} height={116} radius="md" />
+			))}
+		</LoadingSkeleton>
 	);
 };