feat: Add camera nickname (#19567)

* refactor: Refactor camera nickname

* fix: fix cameraNameLabel visually

* chore: The Explore search function also displays the Camera's nickname in English

* chore: add mobile page camera nickname

* feat: webpush support camera nickname

* fix: fix storage camera name is null

* chore: fix review detail and context menu camera nickname

* chore: fix use-stats and notification setting camera nickname

* fix: fix stats camera if not nickname need capitalize

* fix: fix debug page open camera web ui i18n and camera nickname support

* fix: fix camera metrics not use nickname

* refactor: refactor use-camera-nickname hook.

web/src/components/menu/LiveContextMenu.tsx

@@ -47,6 +47,7 @@ import {
 import { useTranslation } from "react-i18next";
 import { useDateLocale } from "@/hooks/use-date-locale";
 import { useIsAdmin } from "@/hooks/use-is-admin";
+import { CameraNameLabel } from "../camera/CameraNameLabel";
 
 type LiveContextMenuProps = {
   className?: string;
@@ -271,7 +272,7 @@ export default function LiveContextMenu({
         <ContextMenuContent>
           <div className="flex flex-col items-start gap-1 py-1 pl-2">
             <div className="text-md text-primary-variant smart-capitalize">
-              {camera.replaceAll("_", " ")}
+              <CameraNameLabel camera={camera} />
             </div>
             {preferredLiveMode == "jsmpeg" && isRestreamed && (
               <div className="flex flex-row items-center gap-1">