Implement dynamic page titles

src/hooks/useDocumentTitle.ts

@@ -0,0 +1,12 @@
+import { useEffect } from 'react';
+
+export function useDocumentTitle(title: string, suffix: string = 'ThrillWiki') {
+  useEffect(() => {
+    const fullTitle = title ? `${title} | ${suffix}` : suffix;
+    document.title = fullTitle;
+    
+    return () => {
+      document.title = suffix;
+    };
+  }, [title, suffix]);
+}