refactor(components): 重构多个组件并优化公共样式

重构了item-head、item-bottom、item-offer、item-summary和item-tenement组件，优化了props传递和数据处理逻辑
将公共头部和导航样式提取到public.css中，避免重复代码
修复了item-tenement组件中图片显示和数据处理的问题
更新了item-bottom组件的点赞和收藏逻辑，增加错误提示
优化了item-head组件的用户信息显示逻辑
调整了多个组件的样式细节，包括间距、图标大小等

component/item-head/item-head.txt

@@ -1,6 +1,6 @@
 <div class="item-head flexacenter">
-    <img class="avatar" :src="item.user.avatar || item.avatar" />
-    <div class="name">{{ item.user.nickname || item.nickname || "匿名用户" }}</div>
+    <img class="avatar" :src="item?.user?.avatar || item.avatar" />
+    <div class="name">{{ item?.user?.nickname || item.nickname || "匿名用户" }}</div>
     <!-- <img class="group" src="https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-c_ZMtdXfqqsgFptxhcq_cQnrlcPJ0DVESBq_D-81qNDQyOQ~~" /> -->
     <div class="time">{{ timestamp }}</div>
     <div class="flex1"></div>
@@ -27,7 +27,7 @@
     </div>
 </div>
 
-<div class="label flexflex" v-if="sectionn.length || tags.length || item.recommend == 1 || item.best == 1">
+<div class="label flexflex" v-if="sectionn?.length || tags?.length || item.recommend == 1 || item.best == 1">
     <img class="item icon" v-if="item.recommend == 1 && item.best != 1" src="./img/recommend-icon.png" />
     <img class="item icon" v-if="item.best == 1" src="./img/essence-icon.png" />
     <div class="item blue" v-for="(item, index) in sectionn" :key="item">{{ item }}</div>