feat: dynamic page titles across SPA

useDocumentTitle hook sets document.title per page.
Dynamic: movie name, person name, username, wrapup year.
Static: diary, profile, search, social, all settings pages.

spa/src/hooks/use-document-title.ts

@@ -0,0 +1,12 @@
+import { useEffect } from "react"
+
+const BASE_TITLE = "Movies Diary"
+
+export function useDocumentTitle(title?: string) {
+  useEffect(() => {
+    document.title = title ? `${title} — ${BASE_TITLE}` : BASE_TITLE
+    return () => {
+      document.title = BASE_TITLE
+    }
+  }, [title])
+}