Fix capsule-aligned navigation and refresh mini program typography

pets-fe/pages/tasks/tasks.wxml

@@ -1,8 +1,5 @@
-<scroll-view class="page-scroll" scroll-y="{{true}}" enhanced="{{true}}" show-scrollbar="{{false}}">
+<page-layout id="page-layout" title="今日小任务">
 <view class="screen">
-  <safe-top />
-  <view class="eyebrow">LITTLE THINGS, BIG LOVE</view>
-  <view class="title">今日小任务</view>
   <view class="summary">
     <view>这一天也要照顾好它们</view>
     <strong>
@@ -32,7 +29,7 @@
         {{item.completed?'✓':''}}
       </view>
       <view class="icon">
-        {{item.category==='water'?'💧':item.category==='food'?'🥣':'🐾'}}
+        <app-icon kind="{{item.category}}" size="36" />
       </view>
       <view class="info" data-index="{{index}}" bindtap="edit">
         <strong>{{item.title}}</strong>
@@ -45,12 +42,12 @@
       <text class="remove" data-index="{{index}}" bindtap="remove">×</text>
     </view>
     <view wx:if="{{!tasks.length}}" class="empty">
-      从喝水、喂食开始，安排温柔的小日常 ✨
+      从喝水、喂食开始，安排温柔的小日常
     </view>
   </view>
   <button class="primary" bindtap="open">＋ 新建日常任务</button>
 </view>
-</scroll-view>
+</page-layout>
 <view wx:if="{{showForm}}" class="overlay">
   <view class="sheet">
     <view class="row">