feat(ui): 添加移动端侧边菜单栏及响应式样式调整

添加移动端侧边菜单栏组件，包含用户信息、导航链接和发布按钮
调整页面头部在不同屏幕尺寸下的响应式布局
新增菜单图标资源文件
优化logo间距和输入框在移动端的显示效果

css/details.css

@@ -1287,7 +1287,29 @@
   z-index: 1;
   background-color: rgba(0, 0, 0, 0.20392157);
 }
+@media screen and (max-width: 1200px) {
+  header.page-header {
+    min-width: auto !important;
+  }
+  header.page-header .box {
+    width: 100vw;
+  }
+  .head-top.flexacenter {
+    max-width: 1200px !important;
+    width: initial !important;
+    margin: 20px 10px 30px !important;
+  }
+  .head-top.flexacenter .input-box {
+    margin-right: 0;
+  }
+}
 @media screen and (max-width: 850px) {
+  header.page-header {
+    display: none !important;
+  }
+  .head-top .post-list {
+    display: none !important;
+  }
   #details {
     padding: 10px 10px 0;
   }
@@ -1360,6 +1382,13 @@
   }
 }
 @media screen and (max-width: 500px) {
+  .head-top.flexacenter .input-box {
+    width: inherit;
+  }
+  .head-top.flexacenter .input-box .input,
+  .head-top.flexacenter .input-box .placeholder {
+    display: none;
+  }
   #details .answer-discuss .comments-box .comments-item .comments-header {
     font-size: 12px;
   }