chore(deps): update dependency react-live to v3 (#499)

* chore(deps): update dependency react-live to v3

* chore: fix style

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Daniel Tschinder <[email protected]>

Author: renovate[bot]

examples/src/example.less

@@ -163,15 +163,14 @@ h1, h2, h3 {
 		box-shadow: 0.055rem 0.055rem 1.11rem rgba(20,20,20,0.27);
 
 		.live-editor {
+			background-color: rgb(40, 42, 54);
+			font-family: "Source Code Pro", monospace;
+			font-size: 0.875rem;
 			height: 0;
 			overflow-y: scroll;
 			transition: height .2s;
 			max-width: 850px;
 
-			pre {
-				overflow: scroll;
-			}
-
 			&--visible {
 				height: 300px;
 			}

examples/src/index.html

@@ -32,7 +32,7 @@ <h2 class="page-header__subtitle">An accessible and easy tab component for <a hr
 		<div class="container">
 			<div>Supported by</div>
 			<div><a href="https://www.browserstack.com"><img src="images/Browserstack-logo.svg" alt="Browserstack" class="browserstack"></a></div>
-			<div>Copyright &copy; <a href="https://github.com/danez" target="_blank" rel="noopener noreferrer">Daniel Tschinder</a> 2017-2020. MIT Licensed.</div>
+			<div>Copyright &copy; <a href="https://github.com/danez" target="_blank" rel="noopener noreferrer">Daniel Tschinder</a> 2017-2023. MIT Licensed.</div>
 		</div>
 	</footer>
 </body>

package.json

@@ -81,7 +81,7 @@
     "prettier": "2.8.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-live": "2.4.1",
+    "react-live": "3.1.2",
     "react-modal": "3.16.1",
     "react-test-renderer": "18.2.0",
     "rimraf": "4.1.2",