The tab's <title> from the page title, suffixed with the app.
Look at this browser tab: the root layout renders it once and every page's setPageTitle feeds it. A title that already names the app is kept as
is, an empty one shows the app name alone.
Usage
<script lang="ts">
import DocumentTitle from "@orochibraru/ui/blocks/document-title";
import { providePageTitle } from "@orochibraru/ui/page-title";
const { children } = $props();
providePageTitle();
</script>
<DocumentTitle appName="Acme" />
{@render children()}