fix: title and canonical tag

apps/web/src/app/status-page/[domain]/events/page.tsx

···
 import { searchParamsCache } from "./search-params";
 import { formatter } from "./utils";
 
+export const metadata: Metadata = {
+  title: "Events",
+};
+
 type Props = {
   params: Promise<{ domain: string }>;
   searchParams: Promise<{ [key: string]: string | string[] | undefined }>;

apps/web/src/app/status-page/[domain]/events/report/[id]/page.tsx

···
 import { Badge } from "@openstatus/ui/src/components/badge";
 import { CopyLinkButton } from "./_components/copy-link-button";
 
+export const metadata: Metadata = {
+  title: "Report",
+};
+
 export default async function IncidentPage(props: {
   params: Promise<{ domain: string; id: string }>;
 }) {

apps/web/src/app/status-page/[domain]/layout.tsx

···
 
   return {
     ...defaultMetadata,
-    title: page?.title,
+    title: {
+      template: `%s | ${page?.title}`,
+      default: page?.title,
+    },
     description: page?.description,
     icons: page?.icon,
+    alternates: {
+      canonical: page?.customDomain
+        ? `https://${page.customDomain}`
+        : `https://${page.slug}.openstatus.dev`,
+    },
     twitter: {
       ...twitterMetadata,
       images: [

apps/web/src/app/status-page/[domain]/monitors/[id]/page.tsx

···
 
 export const revalidate = 120;
 
+export const metadata: Metadata = {
+  title: "Monitor",
+};
+
 export default async function Page(props: {
   params: Promise<{ domain: string; id: string }>;
   searchParams: Promise<{ [key: string]: string | string[] | undefined }>;

apps/web/src/app/status-page/[domain]/monitors/page.tsx

···
 
 // Add loading page
 
+export const metadata: Metadata = {
+  title: "Monitors",
+};
+
 export const revalidate = 120;
 
 export default async function Page(props: {