refactor: 优化多篇页面细节与评论展示效果

1. 隐藏两个页面的测试调试模块
2. 将图库默认样式改为card模式
3. 优化评论项间距与图标、内容展示
4. 调整代码块圆角样式与文章详情页逻辑
5. 新增文章导航封面处理与加载逻辑优化

src/components/post-detail/uh-post-comment-panel.vue

@@ -319,7 +319,7 @@ onMounted(() => {
                           :src="avatar(reply.owner.avatar)"
                           mode="aspectFill"
                         />
-                        <view class="flex flex-1 flex-col gap-y-1 overflow-hidden">
+                        <view class="flex flex-1 flex-col gap-y-1.5 overflow-hidden">
                           <view class="flex items-center justify-between">
                             <text class="text-[11px] text-gray-500 font-medium">{{ reply.owner.displayName || '匿名用户' }}</text>
                             <text class="text-[10px] text-gray-400">{{ timeFrom(reply.spec.creationTime || reply.metadata.creationTimestamp) }}</text>
@@ -329,13 +329,15 @@ onMounted(() => {
                             <text class="text-[11px] text-gray-400">回复 {{ reply.spec.quoteReply }}：</text>
                           </view>
 
-                          <text class="text-xs text-gray-700 leading-4.5">{{ reply.spec.raw }}</text>
+                          <text class="text-xs text-gray-700 leading-4.5">
+                            <rich-text :nodes="reply.spec.raw" />
+                          </text>
 
                           <view
                             class="flex items-center gap-x-1"
                             @click="handleReply(comment.metadata.name, reply.metadata.name, reply.owner.displayName || '匿名用户')"
                           >
-                            <wd-icon name="chat" color="#9CA3AF" :size="12" />
+                            <wd-icon name="message" color="#9CA3AF" :size="12" />
                             <text class="text-[10px] text-gray-400">回复</text>
                           </view>
                         </view>