remove utils

* add ~platform/DocumentTitle
* add titles for some pages

src/timelines/Home.tsx

@@ -5,7 +5,6 @@ import {
   createEffect,
   useTransition,
 } from "solid-js";
-import { useDocumentTitle } from "../utils";
 import Scaffold from "~material/Scaffold";
 import {
   ListItemSecondaryAction,
@@ -30,6 +29,7 @@ import {
 import AppTopBar from "~material/AppTopBar";
 import { createTranslator } from "~platform/i18n";
 import { useWindowSize } from "@solid-primitives/resize-observer";
+import DocumentTitle from "~platform/DocumentTitle";
 
 type StringRes = Record<
   "tabs.home" | "tabs.trending" | "tabs.public" | "set.prefetch-toots",
@@ -38,7 +38,6 @@ type StringRes = Record<
 
 const Home: ParentComponent = (props) => {
   let panelList: HTMLDivElement;
-  useDocumentTitle("Timelines");
   const [t] = createTranslator(
     (code) => import(`./i18n/${code}.json`) as Promise<{ default: StringRes }>,
   );
@@ -179,6 +178,7 @@ const Home: ParentComponent = (props) => {
 
   return (
     <>
+    <DocumentTitle>Timelines</DocumentTitle>
       <Scaffold
         topbar={
           <AppTopBar>

src/timelines/TootBottomSheet.tsx

@@ -14,7 +14,6 @@ import cards from "~material/cards.module.css";
 import { css } from "solid-styled";
 import { createTimeSource, TimeSourceProvider } from "~platform/timesrc";
 import TootComposer from "./TootComposer";
-import { useDocumentTitle } from "../utils";
 import { createTimelineControlsForArray } from "../masto/timelines";
 import TootList from "./TootList";
 import "./TootBottomSheet.css";
@@ -26,6 +25,7 @@ import ItemSelectionProvider, {
 import AppTopBar from "~material/AppTopBar";
 import { fetchStatus } from "../masto/statuses";
 import { type Account } from "../accounts/stores";
+import DocumentTitle from "~platform/DocumentTitle";
 
 const TootBottomSheet: Component = (props) => {
   const params = useParams<{ acct: string; id: string }>();
@@ -65,11 +65,11 @@ const TootBottomSheet: Component = (props) => {
     () => tootContext()?.descendants,
   );
 
-  useDocumentTitle(() => {
+  const documentTitle = () => {
     const t = toot()?.reblog ?? toot();
     const name = t?.account.displayName ?? "Someone";
     return `${name}'s toot`;
-  });
+  };
 
   const tootDisplayName = () => {
     const t = toot()?.reblog ?? toot();
@@ -163,6 +163,7 @@ const TootBottomSheet: Component = (props) => {
       }
       class="TootBottomSheet"
     >
+      <DocumentTitle>{documentTitle()}</DocumentTitle>
       <div class="Scrollable">
         <TimeSourceProvider value={time}>
           <ItemSelectionProvider value={selectionState}>