refactor: clarify frontend module ownership

src/pages/account-operations/ui/AccountOperationsPage/AccountOperationsPage.vm.ts

@@ -1,6 +1,6 @@
 import { useQueryClient } from "@tanstack/react-query";
-import { useEffect, useState } from "react";
-import { useParams, useSearchParams } from "react-router";
+import { useState } from "react";
+import { useParams } from "react-router";
 
 import {
 	type BrokerageOperation,
@@ -11,7 +11,7 @@ import {
 } from "@/entities/broker-operation";
 import { useScreenSync } from "@/features/tbank-connection";
 import { ApiErrorCode, apiErrorCode, isApiErrorCode } from "@/shared/api";
-import { isValidPeriod } from "@/shared/lib";
+import { isValidPeriod, useUrlPeriod } from "@/shared/lib";
 
 const operationCategorySet = new Set<string>(operationCategories);
 
@@ -44,18 +44,13 @@ type AccountOperationsPageViewModel
 const useAccountOperationsPageVm = (): AccountOperationsPageViewModel => {
 	const { accountId } = useParams();
 	const queryClient = useQueryClient();
-	const [searchParameters, setSearchParameters] = useSearchParams();
-	const urlFrom = searchParameters.get("from");
-	const urlTo = searchParameters.get("to");
-	const isValidUrlPeriod = isValidPeriod(urlFrom, urlTo);
 
-	const appliedFrom = isValidUrlPeriod
-		? urlFrom
-		: null;
-
-	const appliedTo = isValidUrlPeriod
-		? urlTo
-		: null;
+	const {
+		from: appliedFrom,
+		parameters: searchParameters,
+		setParameters: setSearchParameters,
+		to: appliedTo,
+	} = useUrlPeriod();
 
 	const appliedCategories = operationCategories.filter(category =>
 		(searchParameters.get("categories") ?? "").split(",").includes(category),
@@ -71,14 +66,6 @@ const useAccountOperationsPageVm = (): AccountOperationsPageViewModel => {
 	const [draftCategories, setDraftCategories]
 		= useState<OperationCategory[]>(appliedCategories);
 
-	useEffect(() => {
-		if (isValidUrlPeriod) return;
-		const normalized = new URLSearchParams(searchParameters);
-		normalized.delete("from");
-		normalized.delete("to");
-		setSearchParameters(normalized, { replace: true });
-	}, [isValidUrlPeriod, searchParameters, setSearchParameters]);
-
 	const firstPageQuery = {
 		from: dateStart(appliedFrom),
 		to: dateEnd(appliedTo),