fix: 评论配图整条链路补全 + 宠物切换条吸顶

## 评论图片传了等于没传

上次只做了一半：model 加了 Images 字段、前端做了上传 UI，但
handler 的 commentReq 没有 images、service 的 CreateComment 连
参数都没有，图片上传完就丢了；评论列表也从没渲染过图片。

补齐：请求体 → service 落库(JSON 数组) → 列表回显 → 点击大图预览。
实测带两张图的评论和纯文字评论各存各的，互不影响。

## 宠物切换条吸顶

首页/计划/记录/报告四页的 pet-switch 原本在 scroll-view 里，滚下去
就找不到了。而切宠物是随时要用的动作——多宠用户看着 A 的数据想切到
B，还得先滚回顶部。

移出滚动区，放在导航栏下方做成固定的一条，带毛玻璃和分隔线。首页的
问候语留在滚动区里，滚走就滚走，反正它只在刚进页面时有意义。

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

pets-fe/app.wxss

@@ -357,3 +357,17 @@ page{scrollbar-width:none;-ms-overflow-style:none}
 }
 .no-pet-b{font-size:var(--fs-lg);font-weight:var(--fw-b)}
 .no-pet-p{color:var(--muted);font-size:var(--fs-sm);margin:var(--sp-2) 0 var(--sp-4);line-height:1.6}
+
+/* 宠物切换条固定在导航栏下方。它原本在 scroll-view 里，滚下去就找不到了，
+   而切宠物是随时要用的动作——尤其多宠用户，看着 A 的数据想切到 B
+   还得先滚回顶部。移出滚动区，四个主页面通用。 */
+.pet-bar{
+  flex:none;
+  padding:var(--sp-2) var(--pad-x) 0;
+  background:rgba(250,247,242,.92);
+  backdrop-filter:blur(20rpx);
+  -webkit-backdrop-filter:blur(20rpx);
+  border-bottom:1rpx solid rgba(238,230,220,.7);
+}
+/* 条内的 pet-switch 自己带 padding-bottom，这里不再叠加 */
+.pet-bar .pet-switch{padding-bottom:var(--sp-2)}