chore: codify React component style

src/shared/ui/StateView.tsx

@@ -1,5 +1,5 @@
 import { Button, Loader, Paper, Stack, Text, Title } from "@mantine/core";
-import type { ReactNode } from "react";
+import type { FC, ReactNode } from "react";
 
 type StateViewProps = {
 	title: string;
@@ -9,13 +9,8 @@ type StateViewProps = {
 	error?: boolean;
 };
 
-export function StateView({
-	title,
-	text,
-	action,
-	loading = false,
-	error = false,
-}: StateViewProps) {
+const StateView: FC<StateViewProps> = (props) => {
+	const { title, text, action, loading = false, error = false } = props;
 	const role = loading ? "status" : error ? "alert" : undefined;
 
 	return (
@@ -28,6 +23,6 @@ export function StateView({
 			</Stack>
 		</Paper>
 	);
-}
+};
 
-export { Button };
+export { Button, StateView };