Update notebook styling

packages/web/components/patterns/MDEditorSavePlugin.tsx

@@ -0,0 +1,33 @@
+import { Disc, FloppyDisk } from 'phosphor-react'
+import { PluginComponent, PluginProps } from 'react-markdown-editor-lite'
+import { SpanBox } from '../elements/LayoutPrimitives'
+import { Button } from '../elements/Button'
+
+export default class MDEditorSavePlugin extends PluginComponent {
+  static pluginName = 'save'
+
+  static align = 'right'
+
+  constructor(props: any) {
+    super(props)
+
+    this.handleClick = this.handleClick.bind(this)
+  }
+
+  private handleClick() {}
+
+  render() {
+    return (
+      <Button
+        style="plainIcon"
+        css={{ display: 'flex', pr: '5px' }}
+        onClick={(event) => {
+          document.dispatchEvent(new Event('saveMarkdownNote'))
+          event.preventDefault()
+        }}
+      >
+        <FloppyDisk size={18} weight="bold" color="#757575" />
+      </Button>
+    )
+  }
+}