降级notion-client兼容medium-zoom,标签颜色,封装抽屉，调整抽屉目录，封装搜索框，封装菜单

components/SideBar.js

@@ -0,0 +1,22 @@
+import React from 'react'
+import TocBar from '@/components/TocBar'
+import MenuButtonGroup from '@/components/MenuButtonGroup'
+
+const SideBar = ({ tags, currentTag, post }) => {
+  return <aside className='z-10 bg-white dark:border-gray-500 border-gray-200 mt-12 hidden lg:block'>
+    <div className='dark:bg-gray-800 border-r dark:border-gray-700 h-full scroll-hidden left-0 duration-500 ease-in-out min-h-screen'>
+      <div className='hidden md:block sticky top-12'>
+        <div className={post ? 'hidden xl:block' : 'block'}>
+          <MenuButtonGroup allowCollapse={true}/>
+        </div>
+      </div>
+
+      {post && (
+        <div className='sticky top-12'>
+          <TocBar toc={post.toc} />
+        </div>
+      )}
+    </div>
+  </aside>
+}
+export default SideBar