feat: establish frontend foundation

src/pages/not-found/ui/NotFoundPage.tsx

@@ -0,0 +1,51 @@
+import { Stack, Title } from "@mantine/core";
+import { useTranslation } from "react-i18next";
+import { Link } from "react-router";
+import { Button, StateView } from "../../../shared/ui/StateView";
+
+export function NotFoundPage() {
+	const { t } = useTranslation();
+	return (
+		<Stack>
+			<Title order={1}>{t("notFound.title")}</Title>
+			<NotFoundPageEmpty />
+		</Stack>
+	);
+}
+
+export function NotFoundPageLoading() {
+	const { t } = useTranslation();
+	return (
+		<StateView
+			loading
+			title={t("states.loadingTitle")}
+			text={t("states.loadingText")}
+		/>
+	);
+}
+
+export function NotFoundPageError() {
+	const { t } = useTranslation();
+	return (
+		<StateView
+			error
+			title={t("states.errorTitle")}
+			text={t("states.errorText")}
+		/>
+	);
+}
+
+export function NotFoundPageEmpty() {
+	const { t } = useTranslation();
+	return (
+		<StateView
+			title={t("states.emptyTitle")}
+			text={t("states.emptyText")}
+			action={
+				<Button component={Link} to="/accounts">
+					{t("notFound.action")}
+				</Button>
+			}
+		/>
+	);
+}