app: add <title> to streams

js/app/hooks/useTitle.tsx

···
+import { useNavigation } from "@react-navigation/native";
+import { useEffect } from "react";
+
+export default function useTitle(user: string) {
+  const navigation = useNavigation();
+  useEffect(() => {
+    navigation.setOptions({
+      title: `@${user} on Streamplace`,
+    });
+  }, [user, navigation]);
+}

js/app/src/screens/mobile-stream.tsx

···
-import { useNavigation } from "@react-navigation/native";
 import { theme } from "@streamplace/components";
 import { Player } from "components/mobile/player";
 import { PlayerProps } from "components/player/props";
 import { FullscreenProvider } from "contexts/FullscreenContext";
+import useTitle from "hooks/useTitle";
 import { isWeb } from "tamagui";
 import { queryToProps } from "./util";
 
 export default function MobileStream({ route }) {
   const { user, protocol, url } = route.params;
-  const navigation = useNavigation();
   let extraProps: Partial<PlayerProps> = {};
   if (isWeb) {
     extraProps = queryToProps(new URLSearchParams(window.location.search));
···
     src = url;
   }
 
-  console.log(src);
+  useTitle(user);
 
   return (
     <theme.ThemeProvider>

js/app/src/screens/stream.tsx

···
 import Livestream from "components/livestream/livestream";
 import { PlayerProps } from "components/player/props";
 import { FullscreenProvider } from "contexts/FullscreenContext";
+import useTitle from "hooks/useTitle";
 import { isWeb } from "tamagui";
 import { queryToProps } from "./util";
 
···
   if (user === "stream") {
     src = url;
   }
+  useTitle(user);
   return (
     <FullscreenProvider>
       <Livestream src={src} {...extraProps} />