refactor: colocate frontend component files

src/features/tbank-connection/ui/TbankConnectionSection/TbankConnectionSection.view.tsx

@@ -0,0 +1,34 @@
+import { Alert, Button, Skeleton } from "@mantine/core";
+import { LoadingSkeleton } from "@wealthledger/ui";
+import type { FC } from "react";
+import { useTranslation } from "react-i18next";
+
+type TbankConnectionErrorProps = {
+	retry: () => void;
+};
+
+const TbankConnectionLoading: FC = () => {
+	const { t } = useTranslation();
+
+	return (
+		<LoadingSkeleton label={t("states.loadingTitle")}>
+			<Skeleton height={20} width="45%" />
+			<Skeleton height={36} width={140} radius="sm" />
+		</LoadingSkeleton>
+	);
+};
+
+const TbankConnectionError: FC<TbankConnectionErrorProps> = (props) => {
+	const { retry } = props;
+	const { t } = useTranslation();
+
+	return (
+		<Alert color="red" title={t("tbank.statusError")}>
+			<Button variant="subtle" onClick={retry}>
+				{t("tbank.retry")}
+			</Button>
+		</Alert>
+	);
+};
+
+export { TbankConnectionError, TbankConnectionLoading };