refactor: enforce semantic values and numeric lint rules

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

@@ -14,6 +14,9 @@ import { LoadingSkeleton } from "@/shared/ui";
 import type { SectionState } from "../model/section";
 import classes from "./InstrumentDetails.module.css";
 
+const CHART_SKELETON_HEIGHT_PX = 280;
+const SECTION_SKELETON_HEIGHT_PX = 65;
+
 type InstrumentSectionProps = PropsWithChildren<{
 	title: string;
 	state: SectionState;
@@ -59,7 +62,13 @@ const InstrumentSection: FC<InstrumentSectionProps> = (props) => {
 					label={t("stock.loadingSection", { section: props.title })}
 				>
 					<Stack>
-						<Skeleton h={props.large ? 280 : 65} />
+						<Skeleton
+							h={
+								props.large
+									? CHART_SKELETON_HEIGHT_PX
+									: SECTION_SKELETON_HEIGHT_PX
+							}
+						/>
 						<Skeleton h={14} w="60%" />
 					</Stack>
 				</LoadingSkeleton>