Feat: Export to image (#9037)

* feat: export to image

* chore: export selection on whiteboards

* fix: whiteboards zoom on export

* fix: loading position

* chore: support video thumb

* core: add export to  whiteboards context menu

* fix: context menu entry

* fix; copy image to clipboard

* fix: copy / export label

* fix: hide ui elements

* fix: remove random character

* fix: graph export

* chore: remove console log and jpg format

* style: run prettier

* fix: disable on multiple selected blocks

* fix: multiple blocks

* enhance: restrict bounds of selected shapes

* chore: export selection on whiteboards

* fix: whiteboards zoom on export

* chore: support video thumb

* core: add export to  whiteboards context menu

* fix: context menu entry

* fix; copy image to clipboard

* fix: copy / export label

* fix: hide ui elements

* fix: remove random character

* fix: graph export

* chore: remove console log and jpg format

* style: run prettier

* fix: disable on multiple selected blocks

* fix: multiple blocks

* enhance: restrict bounds of selected shapes

* Fix any html2canvas related functionality failing in publishing

* fix: portal header gradient on export

* chore: add comment about html2canvas-ignore attr

* fix: use export padding constant

* fix: export collapsed portals with size >  medium

* fix: reset export type

* enhance: export filename

---------

Co-authored-by: Gabriel Horner <gabriel@logseq.com>
Co-authored-by: Tienson Qin <tiensonqin@gmail.com>

tldraw/packages/react/src/components/ContextBarContainer/ContextBarContainer.tsx

@@ -48,7 +48,12 @@ export const ContextBarContainer = observer(function ContextBarContainer<S exten
   }
 
   return (
-    <div ref={rBounds} className="tl-counter-scaled-positioned" aria-label="context-bar-container">
+    <div
+      ref={rBounds}
+      className="tl-counter-scaled-positioned"
+      aria-label="context-bar-container"
+      data-html2canvas-ignore="true"
+    >
       <ContextBar
         hidden={hidden}
         shapes={shapes}