chore: finish frontend ESLint migration #18

Enable every plugin recommended preset and replace Biome with ESLint formatting.

Preserve API contracts and JSX whitespace; verify source, tests, builds and tooling.

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

@@ -1,7 +1,9 @@
+import type { FC } from "react";
+
 import { Paper, SimpleGrid, Skeleton } from "@mantine/core";
 import { LoadingSkeleton } from "@wealthledger/ui";
-import type { FC } from "react";
 import { useTranslation } from "react-i18next";
+
 import classes from "../../AccountPage.module.css";
 
 const AccountPageLoading: FC = () => {
@@ -10,25 +12,25 @@ const AccountPageLoading: FC = () => {
 		<LoadingSkeleton label={t("states.loadingTitle")}>
 			<Skeleton height={32} width="35%" />
 			<SimpleGrid
-				cols={{ base: 1, sm: 2, md: 3 }}
-				spacing={10}
 				aria-hidden="true"
+				cols={{ base: 1, md: 3, sm: 2 }}
+				spacing={10}
 			>
-				{[0, 1, 2].map((index) => (
-					<Paper key={index} className={classes.total} withBorder>
-						<Skeleton height={24} width={40} radius={4} />
+				{["first", "second", "third"].map(placeholder => (
+					<Paper className={classes.total} key={placeholder} withBorder>
+						<Skeleton height={24} radius={4} width={40} />
 						<Skeleton
-							height={21}
-							width={180}
-							radius={4}
 							className={classes.totalAmountSkeleton}
+							height={21}
+							radius={4}
+							width={180}
 						/>
 					</Paper>
 				))}
 			</SimpleGrid>
 			<Skeleton height={260} radius="sm" />
-			{[0, 1, 2].map((index) => (
-				<Skeleton key={index} height={52} radius="sm" />
+			{["first", "second", "third"].map(placeholder => (
+				<Skeleton height={52} key={placeholder} radius="sm" />
 			))}
 		</LoadingSkeleton>
 	);