fix: browser tab title should always just say "Epicure"

Root layout used title.template ("%s | Epicure") and 38 pages set
their own title, producing "Recipes | Epicure", "Messages — Epicure",
etc. Drop the template, set a flat "Epicure" default, and clear every
page's title override so they all inherit it.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

apps/web/app/(app)/settings/security/page.tsx

@@ -3,7 +3,7 @@ import { headers } from "next/headers";
 import { auth } from "@/lib/auth/server";
 import { SecurityForm } from "@/components/settings/security-form";
 
-export const metadata: Metadata = { title: "Security – Settings" };
+export const metadata: Metadata = {};
 
 export default async function SecurityPage() {
   const session = await auth.api.getSession({ headers: await headers() });