refactor: colocate frontend component files

src/pages/account-income/ui/AccountIncomePage/components/AccountIncomePageError.view.tsx

@@ -0,0 +1,21 @@
+import { Button } from "@mantine/core";
+import { StateView } from "@wealthledger/ui";
+import type { FC } from "react";
+import { useTranslation } from "react-i18next";
+import type { AccountIncomePageViewModel } from "../AccountIncomePage.vm";
+
+type ErrorProps = Extract<AccountIncomePageViewModel, { state: "error" }>;
+
+const AccountIncomePageError: FC<ErrorProps> = (props) => {
+	const { t } = useTranslation();
+	return (
+		<StateView
+			error
+			title={t("income.errorTitle")}
+			text={t("income.errorText")}
+			action={<Button onClick={props.retry}>{t("income.retry")}</Button>}
+		/>
+	);
+};
+
+export { AccountIncomePageError };