refactor: clarify frontend model ownership

src/pages/bond/ui/BondPage/components/Metric.view.tsx

@@ -0,0 +1,19 @@
+import type { FC } from "react";
+
+import { Text } from "@mantine/core";
+
+type MetricProps = { label: string; value: string };
+
+const Metric: FC<MetricProps> = props => (
+	<div>
+		<Text c="dimmed" size="xs">
+			{props.label}
+		</Text>
+
+		<Text fw={600} size="lg">
+			{props.value}
+		</Text>
+	</div>
+);
+
+export { Metric };