docs: add reset button in playground (#8531)

Author: pskelin

packages/website/src/components/Editor/index.js

@@ -10,6 +10,7 @@ import { encodeToBase64, decodeFromBase64 } from "./share.js";
 import clsx from "clsx";
 import ShareIcon from "../../../local-cdn/local-cdn/icons/dist/v5/share-2.svg";
 import { Splitter } from 'react-splitter-light';
+import ResetIcon from "../../../local-cdn/local-cdn/icons/dist/v5/reset.svg";
 import DownloadIcon from "../../../local-cdn/local-cdn/icons/dist/v5/download-from-cloud.svg";
 import EditIcon from "../../../local-cdn/local-cdn/icons/dist/v5/edit.svg";
 import ActionIcon from "../../../local-cdn/local-cdn/icons/dist/v5/action.svg";
@@ -125,6 +126,12 @@ export default function Editor({html, js, css, mainFile = "main.js", canShare =
     return files;
   }
 
+  const reset = () => {
+    localStorage.clear("project");
+    location.hash = "";
+    location.reload();
+  }
+
   const download = () => {
     const files = getSampleFiles();
     downloadSample(files);
@@ -332,6 +339,14 @@ ${fixAssetPaths(js)}`,
         ?
           <>
             <div className={`${styles.editor__toolbar}`}>
+              <button
+                className={`button button--secondary ${styles.previewResult__download}`}
+                onClick={ reset }
+              >
+               <ResetIcon className={`${styles.btn__icon}`}/>
+                Reset exapmle
+              </button>
+
               <button
                 className={`button button--secondary ${styles.previewResult__download}`}
                 onClick={ download }