refactor(private-zone): use canonical product name

src/app/_components/core/app-bottom-nav.tsx

@@ -4,24 +4,24 @@ import { Camera, Menu as MenuIcon, MessageCircle } from "lucide-react";
 
 import styles from "./app-bottom-nav.module.css";
 
-export type AppBottomNavItem = "chat" | "privateZoom" | "menu";
+export type AppBottomNavItem = "chat" | "privateZone" | "menu";
 export type AppBottomNavVariant = "warm" | "dark";
 
 export interface AppBottomNavProps {
   activeItem?: AppBottomNavItem | null;
   variant?: AppBottomNavVariant;
-  privateZoomLabel: string;
+  privateZoneLabel: string;
   onChatClick: () => void;
-  onPrivateZoomClick: () => void;
+  onPrivateZoneClick: () => void;
   onMenuClick: () => void;
 }
 
 export function AppBottomNav({
   activeItem = null,
   variant = "warm",
-  privateZoomLabel,
+  privateZoneLabel,
   onChatClick,
-  onPrivateZoomClick,
+  onPrivateZoneClick,
   onMenuClick,
 }: AppBottomNavProps) {
   return (
@@ -39,14 +39,14 @@ export function AppBottomNav({
       </button>
       <button
         type="button"
-        data-analytics-key="navigation.private_zoom"
-        data-analytics-label="Private Zoom navigation"
-        className={getButtonClass(activeItem === "privateZoom")}
-        aria-current={activeItem === "privateZoom" ? "page" : undefined}
-        onClick={onPrivateZoomClick}
+        data-analytics-key="navigation.private_zone"
+        data-analytics-label="Private Zone navigation"
+        className={getButtonClass(activeItem === "privateZone")}
+        aria-current={activeItem === "privateZone" ? "page" : undefined}
+        onClick={onPrivateZoneClick}
       >
         <Camera size={20} aria-hidden="true" />
-        <span>{privateZoomLabel}</span>
+        <span>{privateZoneLabel}</span>
       </button>
       <button
         type="button"