refactor: colocate frontend component files

src/pages/accounts/ui/AccountsPage/AccountsPage.tsx

@@ -0,0 +1,30 @@
+import type { FC } from "react";
+import { useAccountsPageViewModel } from "./AccountsPage.vm";
+import { AccountsPageEmpty } from "./components/AccountsPageEmpty.view";
+import { AccountsPageError } from "./components/AccountsPageError.view";
+import { AccountsPageLoaded } from "./components/AccountsPageLoaded.view";
+import { AccountsPageLoading } from "./components/AccountsPageLoading.view";
+
+const AccountsPage: FC = () => {
+	const viewModel = useAccountsPageViewModel();
+	if (viewModel.state === "loading") return <AccountsPageLoading />;
+	if (viewModel.state === "error") return <AccountsPageError {...viewModel} />;
+	if (viewModel.state === "empty")
+		return (
+			<AccountsPageEmpty
+				refreshing={viewModel.refreshing}
+				refreshError={viewModel.refreshError}
+				retry={viewModel.retry}
+			/>
+		);
+	return (
+		<AccountsPageLoaded
+			accounts={viewModel.accounts}
+			refreshing={viewModel.refreshing}
+			refreshError={viewModel.refreshError}
+			retry={viewModel.retry}
+		/>
+	);
+};
+
+export { AccountsPage };