feat: show page context in browser tab titles

src/app/routes/ProtectedLayout.tsx

@@ -1,9 +1,15 @@
 import type { FC } from "react";
 import { AppBreadcrumbs } from "@/app/ui";
 import { AppShell } from "@/shared/ui";
+import { ProtectedDocumentTitle } from "./DocumentTitle";
 
 const ProtectedLayout: FC = () => {
-	return <AppShell contentAboveOutlet={<AppBreadcrumbs />} />;
+	return (
+		<>
+			<ProtectedDocumentTitle />
+			<AppShell contentAboveOutlet={<AppBreadcrumbs />} />
+		</>
+	);
 };
 
 export { ProtectedLayout };