add smoothScroll

src/client/js/components/TableOfContents.jsx

@@ -67,10 +67,20 @@ const TableOfContents = (props) => {
 
       { isUserPage && (
       <div className="mt-3 d-flex justify-content-around">
-        <a className="btn btn-outline-secondary btn-sm" href="#bookmarks-list">
+        {/* <a className="btn btn-outline-secondary btn-sm" href="#bookmarks-list">
           <i className="mr-2 icon-star"></i>
           <span>Bookmarks</span>
-        </a>
+        </a> */}
+        <button
+          type="button"
+          className="btn btn-outline-secondary btn-sm"
+          href="#bookmarks-list"
+          onClick={() => navigationContainer.smoothScrollIntoview('bookmarks-list', 40)}
+        >
+
+          <i className="mr-2 icon-star"></i>
+          <span>Bookmarks</span>
+        </button>
         <a className="btn btn-outline-secondary btn-sm" href="#recently-created-list">
           <i className="grw-icon-container-recently-created mr-2"><RecentlyCreatedIcon /></i>
           <span>Recently Created</span>