refactor: simplify frontend state and mutation boundaries

src/pages/stocks/ui/StocksPage/StocksPage.view.tsx

@@ -24,7 +24,6 @@ import { formatMoney, formatSnapshotTime } from "@/shared/lib";
 import type { StocksPageVm } from "./StocksPage.vm";
 
 import classes from "./StocksPage.module.css";
-import { useStocksPageViewVm } from "./StocksPageView.vm";
 
 type StocksPageViewProps = { vm: StocksPageVm };
 
@@ -139,7 +138,8 @@ const StocksPageViewResults: FC<StocksPageViewProps> = (props) => {
 };
 
 const StocksPageView: FC<StocksPageViewProps> = (props) => {
-	const { onChange, t, vm } = useStocksPageViewVm(props);
+	const { vm } = props;
+	const { t } = useTranslation();
 
 	return (
 		<Stack gap="lg">
@@ -164,7 +164,7 @@ const StocksPageView: FC<StocksPageViewProps> = (props) => {
 			<TextInput
 				label={t("stock.searchLabel")}
 				maxLength={80}
-				onChange={onChange}
+				onChange={vm.onQueryChange}
 				placeholder={t("stock.searchPlaceholder")}
 				size="md"
 				value={vm.query}