Redesign idea (#343)

* Redisign idea

* Code cleanup

* Fixed to right container

* Reoredered layout

* Reordering panels

* Export dialog

* Removed redunant code

* Fixed not removing temp canvas

* Fixed preview not using only selected elements

* Returned file name on export

* Toggle export selected/all elements

* Hide copy to clipboard button if no support of clipboard

* Added border to swatches

* Fixed modal flickering

src/components/ColorPicker.tsx

@@ -75,7 +75,7 @@ export function ColorPicker({
   return (
     <div>
       <button
-        className="swatch"
+        className="color-picker-label-swatch"
         style={color ? { backgroundColor: color } : undefined}
         onClick={() => setActive(!isActive)}
       />
@@ -94,7 +94,7 @@ export function ColorPicker({
       </React.Suspense>
       <input
         type="text"
-        className="swatch-input"
+        className="color-picker-swatch-input"
         value={color || ""}
         onPaste={e => onChange(e.clipboardData.getData("text"))}
         onChange={e => onChange(e.target.value)}