feat: replace loading spinners with skeletons

src/pages/account-operations/ui/components/AccountOperationsPageLoading.view.tsx

@@ -1,16 +1,29 @@
+import { Group, Skeleton, Stack } from "@mantine/core";
 import type { FC } from "react";
 import { useTranslation } from "react-i18next";
-import { StateView } from "@/shared/ui";
+import { LoadingSkeleton } from "@/shared/ui";
 
 const AccountOperationsPageLoading: FC = () => {
 	const { t } = useTranslation();
 
 	return (
-		<StateView
-			loading
-			title={t("states.loadingTitle")}
-			text={t("states.loadingText")}
-		/>
+		<LoadingSkeleton label={t("states.loadingTitle")}>
+			<Skeleton height={32} width="40%" />
+			<Group grow>
+				<Skeleton height={48} radius="sm" />
+				<Skeleton height={48} radius="sm" />
+			</Group>
+			<Skeleton height={48} radius="sm" />
+			<Group>
+				<Skeleton height={36} width={110} radius="sm" />
+				<Skeleton height={36} width={110} radius="sm" />
+			</Group>
+			<Stack gap="xs">
+				{[0, 1, 2, 3].map((index) => (
+					<Skeleton key={index} height={64} radius="md" />
+				))}
+			</Stack>
+		</LoadingSkeleton>
 	);
 };