refactor: clarify frontend module ownership

src/app/routes/DocumentTitle/DocumentTitle.tsx

@@ -2,8 +2,8 @@ import type { FC } from "react";
 
 import { useDocumentTitle } from "@mantine/hooks";
 import { useTranslation } from "react-i18next";
-import { useMatch } from "react-router";
 
+import { useCurrentRoute } from "@/app/model";
 import { useBankCard } from "@/entities/bank-card";
 import { useBond } from "@/entities/bond";
 import { useBrokerageAccounts } from "@/entities/brokerage-account";
@@ -82,14 +82,18 @@ const CardDocumentTitle: FC<InstrumentDocumentTitleProps> = (props) => {
 
 const ProtectedDocumentTitle: FC = () => {
 	const { t } = useTranslation();
-	const account = useMatch("/accounts/:accountId/:section?");
-	const bond = useMatch("/bonds/:bondId");
-	const stock = useMatch("/stocks/:stockId");
-	const card = useMatch("/cards/:cardId");
-	const cards = useMatch("/cards");
-	const bonds = useMatch("/bonds");
-	const stocks = useMatch("/stocks");
-	const settings = useMatch("/settings");
+
+	const {
+		account,
+		bond,
+		bonds,
+		card,
+		cards,
+		settings,
+		stock,
+		stocks,
+	} = useCurrentRoute();
+
 	if (card) return <CardDocumentTitle identifier={card.params.cardId ?? ""} />;
 	if (account)
 		return (