use head and repo name as title on wiki page (#5230)

* use head and repo name as title on wiki page

* update

* update page title by change file

* optimize style

* fix unordered_list display

* update translation

Co-authored-by: lian <lian@seafile.com>
Co-authored-by: shuntian <978987373@qq.com>
Co-authored-by: 王健辉 <40563566+mrwangjianhui@users.noreply.github.com>

frontend/src/components/wiki-markdown-viewer.js

@@ -73,6 +73,11 @@ class WikiMarkdownViewer extends React.Component {
 
   getTitlesInfo = () => {
     let titlesInfo = [];
+    const titleDom = document.querySelectorAll('h1[id^="user-content"]')[0];
+    if (titleDom) {
+      const content = titleDom.innerText;
+      Utils.updateTabTitle(content);
+    }
     let headingList = document.querySelectorAll('h2[id^="user-content"], h3[id^="user-content"]');
     for (let i = 0; i < headingList.length; i++) {
       titlesInfo.push(headingList[i].offsetTop);

frontend/src/css/wiki.css

@@ -1,3 +1,6 @@
+.wiki-side-panel .panel-top {
+  background: #fff;
+}
 .wiki-side-nav {
   flex:auto;
   display:flex;
@@ -71,6 +74,10 @@ img[src=""] {
   min-height: 0;
 }
 
+.wiki-main-panel .main-panel-north {
+  background-color: #fff;
+}
+
 .cur-view-content .wiki-page-container {
   margin: 0 -1rem -1.25rem;
   padding: 30px 1rem 1.25rem;

frontend/src/utils/utils.js

@@ -1525,6 +1525,11 @@ export const Utils = {
     if (e.key == 'Enter' || e.key == 'Space') {
       e.target.click();
     }
+  },
+
+  updateTabTitle: function(content) {
+    const title = document.getElementsByTagName('title')[0];
+    title.innerText = content;
   }
 
 };

frontend/src/wiki.js

@@ -11,6 +11,7 @@ import TreeNode from './components/tree-view/tree-node';
 import treeHelper from './components/tree-view/tree-helper';
 import SidePanel from './pages/wiki/side-panel';
 import MainPanel from './pages/wiki/main-panel';
+import { lang } from './utils/constants';
 
 import './css/layout.css';
 import './css/side-panel.css';
@@ -18,6 +19,7 @@ import './css/wiki.css';
 import './css/toolbar.css';
 import './css/search.css';
 
+moment.locale(lang);
 
 class Wiki extends Component {
   constructor(props) {