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/ai/page.tsx

@@ -6,7 +6,7 @@ import { ByokManager } from "@/components/settings/byok-manager";
 import { ModelPrefsForm } from "@/components/settings/model-prefs-form";
 import { getMessages } from "@/lib/i18n/server";
 
-export const metadata: Metadata = { title: "AI & Models – Settings" };
+export const metadata: Metadata = {};
 
 export default async function AiSettingsPage() {
   const session = await auth.api.getSession({ headers: await headers() });

apps/web/app/(app)/settings/api-keys/page.tsx

@@ -7,7 +7,7 @@ import { db, apiKeys, eq } from "@epicure/db";
 import { ApiKeysManager } from "@/components/settings/api-keys-manager";
 import { getMessages } from "@/lib/i18n/server";
 
-export const metadata: Metadata = { title: "API Keys" };
+export const metadata: Metadata = {};
 
 export default async function ApiKeysPage() {
   const session = await auth.api.getSession({ headers: await headers() });

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

@@ -4,7 +4,7 @@ import { auth } from "@/lib/auth/server";
 import { PushSubscribeButton } from "@/components/pwa/push-subscribe-button";
 import { getMessages } from "@/lib/i18n/server";
 
-export const metadata: Metadata = { title: "Notifications – Settings" };
+export const metadata: Metadata = {};
 
 export default async function NotificationsPage() {
   const session = await auth.api.getSession({ headers: await headers() });

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

@@ -5,7 +5,7 @@ import { db, userNutritionGoals, eq } from "@epicure/db";
 import { NutritionGoalsForm } from "@/components/nutrition/nutrition-goals-form";
 import { getMessages } from "@/lib/i18n/server";
 
-export const metadata: Metadata = { title: "Nutrition – Settings" };
+export const metadata: Metadata = {};
 
 export default async function NutritionPage() {
   const session = await auth.api.getSession({ headers: await headers() });

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

@@ -4,7 +4,7 @@ import { auth } from "@/lib/auth/server";
 import { db, users, eq } from "@epicure/db";
 import { SettingsForm } from "@/components/settings/settings-form";
 
-export const metadata: Metadata = { title: "Profile – Settings" };
+export const metadata: Metadata = {};
 
 export default async function SettingsPage() {
   const session = await auth.api.getSession({ headers: await headers() });

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() });

apps/web/app/(app)/settings/webhooks/docs/page.tsx

@@ -1,8 +1,6 @@
 import type { Metadata } from "next";
 
-export const metadata: Metadata = {
-  title: "Webhook Docs — Epicure",
-};
+export const metadata: Metadata = {};
 
 export default function WebhookDocsPage() {
   return (

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

@@ -5,7 +5,7 @@ import { db, webhooks, eq } from "@epicure/db";
 import { WebhooksManager } from "@/components/settings/webhooks-manager";
 import { getMessages } from "@/lib/i18n/server";
 
-export const metadata: Metadata = { title: "Webhooks" };
+export const metadata: Metadata = {};
 
 export default async function WebhooksPage() {
   const session = await auth.api.getSession({ headers: await headers() });