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)/recipes/[id]/edit/page.tsx

@@ -9,7 +9,7 @@ import { getPublicUrl } from "@/lib/storage";
 
 type Params = { params: Promise<{ id: string }> };
 
-export const metadata: Metadata = { title: "Edit Recipe" };
+export const metadata: Metadata = {};
 
 export default async function EditRecipePage({ params }: Params) {
   const { id } = await params;

apps/web/app/(app)/recipes/can-cook/page.tsx

@@ -6,7 +6,7 @@ import { eq } from "@epicure/db";
 import { getPublicUrl } from "@/lib/storage";
 import { CanCookContent } from "@/components/recipe/can-cook-content";
 
-export const metadata: Metadata = { title: "What can I cook?" };
+export const metadata: Metadata = {};
 
 const EXPIRING_WITHIN_DAYS = 3;
 

apps/web/app/(app)/recipes/new/page.tsx

@@ -3,7 +3,7 @@ import { RecipeForm } from "@/components/recipe/recipe-form";
 import { NewRecipeHeader } from "@/components/recipe/new-recipe-header";
 import { PhotoImportButton } from "@/components/recipe/photo-import-button";
 
-export const metadata: Metadata = { title: "New Recipe" };
+export const metadata: Metadata = {};
 
 export default function NewRecipePage() {
   return (

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

@@ -7,7 +7,7 @@ import { RecipesHeader } from "@/components/recipe/recipes-header";
 import { RecipesEmptyState } from "@/components/recipe/recipes-empty-state";
 import { RecipesGrid } from "@/components/recipe/recipes-grid";
 
-export const metadata: Metadata = { title: "Recipes" };
+export const metadata: Metadata = {};
 
 type SearchParams = Promise<{
   q?: string;