Revert "remove components notes"

This reverts commit 46d57bf.

browser/components/preferences/main.inc.xhtml

@@ -181,6 +181,18 @@
     </radiogroup>
 </groupbox>
 
+<groupbox data-category="paneGeneral" hidden="true">
+  <html:h2 id="notes-preferences" data-l10n-id="floorp-notes"/>
+  <checkbox preference="services.sync.prefs.sync.floorp.browser.note.memos"
+            id="enable-notes-sync" data-l10n-id="enable-notes-sync" class="needreboot"/>
+  <description flex="1" class="indent tip-caption" data-l10n-id="notes-sync-description"/>
+  <hbox>
+    <description flex="1" data-l10n-id="notes-backup-option"/>
+    <button  data-l10n-id="backup-option-button" is="highlightable-button"
+             class="accessory-button" id="backUpNotesOption"/>
+  </hbox>
+</groupbox>
+
 <!-- Languages -->
 <groupbox id="languagesGroup" data-category="paneGeneral" hidden="true">
   <label><html:h2 data-l10n-id="language-header"/></label>

floorp/browser/components/moz.build

@@ -9,6 +9,7 @@ DIRS += [
     "search",
     "preferences",
     "profile-manager",
+    "notes",
     "welcome",
     "tabsleep",
     "tabStacks",

floorp/browser/components/preferences/notes.inc.xhtml

@@ -6,4 +6,28 @@
 
 <html:template id="template-paneNotes">
 
+## Go main preference pane button.
+<hbox class="container-header-links" data-category="paneNotes" hidden="true">
+    <button id="backtogeneral__" class="back-button" data-l10n-id="containers-back-button2">
+      <hbox class="box-inherit button-box" align="center" pack="center" flex="1" anonid="button-box">
+        <image class="button-icon"/>
+        <label class="button-text"/>
+      </hbox>
+    </button>
+</hbox>
+
+<groupbox data-category="paneNotes" hidden="true">
+  <vbox class="contentPane">
+    <html:h1 data-l10n-id="floorp-notes"/>
+    <html:h2 data-l10n-id="restore-from-backup"/>
+    <description class="indent tip-caption" data-l10n-id="about-notes-backup-tips"/>
+  </vbox>
+
+  <richlistbox id="backup-list" flex="1" class="backup-list">
+    <richlistitem>
+      <label id="backuped-time-label" class="backuped-time-label" data-l10n-id="backuped-time"/>
+    </richlistitem>
+  </richlistbox>
+</groupbox>
+
 </html:template>