feat(消息页面): 优化消息列表布局并添加动态高度计算

- 添加@tarojs/extend依赖用于DOM操作
- 为页面元素添加ID便于定位
- 重构消息列表布局，调整列宽和间距
- 实现动态计算滚动区域高度
- 增加更多模拟数据确保滚动效果
- 优化样式表结构和部分样式覆盖

@@ -40,6 +40,7 @@
     "@nutui/icons-vue-taro": "^0.0.9",
     "@nutui/nutui-taro": "^4.3.13",
     "@tarojs/components": "4.1.2",
+    "@tarojs/extend": "^4.1.3",
     "@tarojs/helper": "4.1.2",
     "@tarojs/plugin-framework-vue3": "4.1.2",
     "@tarojs/plugin-html": "4.1.2",

@@ -2098,6 +2098,11 @@
     swiper "11.1.15"
     tslib "^2.6.2"
 
+"@tarojs/extend@^4.1.3":
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/@tarojs/extend/-/extend-4.1.3.tgz#544bfeca4e7e1c123903dbf4dbafbaaad3600a96"
+  integrity sha512-59FQgR36XqPGCwCZjaFHpk2BW5aNUbaf3uPOb8e2W8+yHqHJDWbQcGZtM26fb6xhzjb6tm0KS1DCK5T4V1Xtfw==
+
 "@tarojs/helper@4.1.2":
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/@tarojs/helper/-/helper-4.1.2.tgz#34d9d0b78be720b94b18ba71adf0622e930ed807"