refactor: clarify frontend module ownership

src/features/instrument-details/ui/InstrumentMetric/InstrumentMetric.module.css

@@ -0,0 +1,5 @@
+.metric {
+	padding: var(--instrument-metric-padding, 0);
+	background: var(--instrument-metric-background, transparent);
+	border-radius: var(--instrument-metric-radius, 0);
+}

src/features/instrument-details/ui/InstrumentMetric/InstrumentMetric.view.tsx

@@ -0,0 +1,21 @@
+import type { FC } from "react";
+
+import { Text } from "@mantine/core";
+
+import classes from "./InstrumentMetric.module.css";
+
+type InstrumentMetricProps = { label: string; value: string };
+
+const InstrumentMetric: FC<InstrumentMetricProps> = props => (
+	<div className={classes.metric}>
+		<Text c="dimmed" size="xs">
+			{props.label}
+		</Text>
+
+		<Text fw={600} size="lg">
+			{props.value}
+		</Text>
+	</div>
+);
+
+export { InstrumentMetric };