chore: codify React component style

src/pages/account/ui/components/AccountHeading.view.tsx

@@ -1,10 +1,17 @@
 import { Stack, Text, Title } from "@mantine/core";
+import type { FC } from "react";
 import { useTranslation } from "react-i18next";
 import type { BrokerageAccount } from "@/entities/brokerage-account";
 import { accountTypeKey } from "@/entities/brokerage-account";
 
-export function AccountHeading({ account }: { account?: BrokerageAccount }) {
+type AccountHeadingProps = {
+	account?: BrokerageAccount;
+};
+
+const AccountHeading: FC<AccountHeadingProps> = (props) => {
+	const { account } = props;
 	const { t } = useTranslation();
+
 	return (
 		<Stack gap={2}>
 			<Title order={1}>{account?.name ?? t("portfolio.title")}</Title>
@@ -15,4 +22,6 @@ export function AccountHeading({ account }: { account?: BrokerageAccount }) {
 			) : null}
 		</Stack>
 	);
-}
+};
+
+export { AccountHeading };