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

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

css/details.less

@@ -1524,8 +1524,35 @@
     background-color: rgba(0, 0, 0, 0.20392157);
 }
 
+@media screen and (max-width: 1200px) {
+    header.page-header {
+        min-width: auto !important;
+        .box {
+            width: 100vw;
+        }
+    }
+
+    .head-top.flexacenter {
+        max-width: 1200px !important;
+        width: initial !important;
+        margin: 20px 10px 30px !important;
+
+        .input-box {
+            margin-right: 0;
+        }
+    }
+}
+
 // 媒体查询 最大宽度 850px 时
 @media screen and (max-width: 850px) {
+    header.page-header {
+        display: none !important;
+    }
+
+    .head-top .post-list {
+        display: none !important;
+    }
+
     #details {
         padding: 10px 10px 0;
 
@@ -1640,6 +1667,13 @@
 }
 
 @media screen and (max-width: 500px) {
+    .head-top.flexacenter .input-box {
+        width: inherit;
+        .input,
+        .placeholder {
+            display: none;
+        }
+    }
     #details {
         .answer-discuss {
             .comments-box {