feat(settings): a Pet page for the mascot

Settings -> Pet (/settings/pet, PetSettings.tsx): show/hide, speech
bubbles, size with a live preview, and the pet grid - Sagi, featured
codex-pets.net pets (downloaded on first pick), your own (deletable) -
with image upload and .codex-pet.zip import. The Sagi block leaves
General; the mascot menu's Pet settings opens the page. PetMenu and the
page share components/Sagi/usePets.ts.

client/src/i18n/locales/vi/settings.json

@@ -22,7 +22,11 @@
       "browse": "Tìm thêm trên codex-pets.net",
       "settings": "Cài đặt pet…"
     },
-    "petHint": "Nhấp chuột phải vào mascot để chọn pet — Sagi, pet Codex có sẵn hoặc tự nhập, hay ảnh của bạn — và kích thước."
+    "bubbles": "Bong bóng lời thoại",
+    "bubblesDesc": "Cho pet bình luận về các session của bạn trong bong bóng",
+    "sizeDesc": "{{min}}–{{max}} px; bản xem trước tối đa 120 px",
+    "chooseDesc": "Pet nổi bật lấy từ codex-pets.net và được tải về máy ở lần đầu bạn chọn. Lựa chọn và kích thước được lưu trong trình duyệt này.",
+    "uploadHint": "Ảnh (PNG, JPEG, GIF, WebP — không nhận SVG) hiển thị tĩnh; file .codex-pet.zip (pet.json + spritesheet.webp 1536×1872) chuyển động theo tâm trạng."
   },
   "pricing": {
     "vendor": {
@@ -676,6 +680,10 @@
         "title": "Giao diện",
         "description": "Chế độ màu và theme. Chỉ lưu trong trình duyệt này."
       },
+      "pet": {
+        "title": "Pet",
+        "description": "Linh vật ở góc màn hình: hiện/ẩn, kích thước, bong bóng lời thoại và pet đang dùng."
+      },
       "notifications": {
         "title": "Thông báo",
         "description": "Thông báo trình duyệt, quy tắc cảnh báo và webhook."