chore: codify React component style

src/entities/brokerage-account/ui/BrokerageAccountList.tsx

@@ -1,4 +1,5 @@
 import { Card, SimpleGrid, Stack, Text } from "@mantine/core";
+import type { FC } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router";
 import type { BrokerageAccount } from "../api/useBrokerageAccounts";
@@ -7,8 +8,10 @@ import classes from "./BrokerageAccountList.module.css";
 
 type BrokerageAccountListProps = { accounts: BrokerageAccount[] };
 
-export function BrokerageAccountList({ accounts }: BrokerageAccountListProps) {
+const BrokerageAccountList: FC<BrokerageAccountListProps> = (props) => {
+	const { accounts } = props;
 	const { t } = useTranslation();
+
 	return (
 		<SimpleGrid cols={{ base: 1, sm: 2 }} spacing="md">
 			{accounts.map((account) => (
@@ -43,4 +46,6 @@ export function BrokerageAccountList({ accounts }: BrokerageAccountListProps) {
 			))}
 		</SimpleGrid>
 	);
-}
+};
+
+export { BrokerageAccountList };