feat: establish frontend foundation

src/pages/account/index.ts

@@ -0,0 +1,6 @@
+export {
+	AccountPage,
+	AccountPageEmpty,
+	AccountPageError,
+	AccountPageLoading,
+} from "./ui/AccountPage";

src/pages/account/ui/AccountPage.tsx

@@ -0,0 +1,42 @@
+import { Stack, Title } from "@mantine/core";
+import { useTranslation } from "react-i18next";
+import { StateView } from "../../../shared/ui/StateView";
+
+export function AccountPage() {
+	const { t } = useTranslation();
+	return (
+		<Stack>
+			<Title order={1}>{t("account.title")}</Title>
+			<AccountPageEmpty />
+		</Stack>
+	);
+}
+
+export function AccountPageLoading() {
+	const { t } = useTranslation();
+	return (
+		<StateView
+			loading
+			title={t("states.loadingTitle")}
+			text={t("states.loadingText")}
+		/>
+	);
+}
+
+export function AccountPageError() {
+	const { t } = useTranslation();
+	return (
+		<StateView
+			error
+			title={t("states.errorTitle")}
+			text={t("states.errorText")}
+		/>
+	);
+}
+
+export function AccountPageEmpty() {
+	const { t } = useTranslation();
+	return (
+		<StateView title={t("states.emptyTitle")} text={t("states.emptyText")} />
+	);
+}