chore: codify React component style

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

@@ -1,14 +1,16 @@
 import { Avatar } from "@mantine/core";
+import type { FC } from "react";
 import { useState } from "react";
 
-export function PositionLogo({
-	src,
-	label,
-}: {
+type PositionLogoProps = {
 	src: string | null;
 	label: string;
-}) {
+};
+
+const PositionLogo: FC<PositionLogoProps> = (props) => {
+	const { src, label } = props;
 	const [failed, setFailed] = useState(false);
+
 	if (src && !failed)
 		return (
 			<Avatar
@@ -24,4 +26,6 @@ export function PositionLogo({
 			{(label.trim()[0] ?? "?").toUpperCase()}
 		</Avatar>
 	);
-}
+};
+
+export { PositionLogo };