fix(ui): 修复会话列表与服务号页容器高度，避免底部显示不全

统一页面容器的高度计算方式。

为列表底部补充留白，修复滚动到底部时最后一项显示不完整的问题。

Author: 2977094657

frontend/components/chat/SessionListPanel.vue

@@ -69,7 +69,7 @@
           <div v-else-if="contacts.length === 0" class="session-list-status px-3 py-2 text-sm">
             暂无会话
           </div>
-          <template v-else>
+          <div v-else class="pb-4">
             <div v-for="contact in filteredContacts" :key="contact.id"
               class="session-list-item px-3 cursor-pointer transition-colors duration-150 h-[calc(80px/var(--dpr))] flex items-center"
               :class="{
@@ -118,7 +118,7 @@
                 </div>
               </div>
             </div>
-          </template>
+          </div>
         </div>
       </div>
 

frontend/pages/biz.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="h-screen flex overflow-hidden bg-white">
+  <div class="h-full min-h-0 flex overflow-hidden bg-white">
     <div class="flex-1 min-w-0">
       <BizMessages />
     </div>
@@ -13,4 +13,4 @@ import BizMessages from "../components/BizMessages.vue";
 useHead({
   title: '服务号消息 - WeChatDataAnalysis'
 })
-</script>
+</script>