refactor: enforce frontend view model boundaries

src/features/instrument-details/model/useInstrumentOperations.ts

@@ -14,19 +14,28 @@ function useInstrumentOperations(
 	categories: OperationCategory[],
 ) {
 	const scope = `${uid}:${filter}`;
+
 	const [pagination, setPagination] = useState<{
 		cursors: string[];
 		scope: string;
 	}>({ cursors: [], scope });
+
 	const cursors = pagination.scope === scope ? pagination.cursors : [];
 	const client = useQueryClient();
 	const firstPage = { categories, instrumentUid: uid, limit: 20 };
+
 	const operations = useBrokerageOperations(uid ? "all" : undefined, {
 		...firstPage,
 		cursor: cursors.at(-1),
 	});
+
 	const retry = (retryScreen: () => unknown) => {
-		if (isApiErrorCode(apiErrorCode(operations.error), ApiErrorCode.InvalidOperationsCursor)) {
+		if (
+			isApiErrorCode(
+				apiErrorCode(operations.error),
+				ApiErrorCode.InvalidOperationsCursor,
+			)
+		) {
 			setPagination({ cursors: [], scope });
 			void client.invalidateQueries({
 				exact: true,
@@ -35,6 +44,7 @@ function useInstrumentOperations(
 		}
 		else void retryScreen();
 	};
+
 	return {
 		hasPrevious: cursors.length > 0,
 		onNext: () => {