update LiveCodes and add themeColor

Author: hatemhosny

components/playgroundEditor/LiveCodes.tsx

@@ -42,6 +42,7 @@ export default function LiveCodes({
       active: "console",
       status: "full",
     },
+    themeColor: "hsl(205, 17%, 50%)", // the original theme color is "#3a4852" which is "hsl(205, 17%, 27%)"
   };
 
   const getJSTSConfig = (
@@ -223,7 +224,7 @@ ${test.replace(pattern, "\n")}`.trimStart();
 
   return (
     <LiveCodesPlayground
-      appUrl="https://v34.livecodes.io/"
+      appUrl="https://v37.livecodes.io/"
       loading="eager"
       config={config}
       style={{ borderRadius: "0", resize: "none" }}

package.json

@@ -35,7 +35,7 @@
     "highlight.js": "^11.5.1",
     "iframe-resizer-react": "^1.1.0",
     "katex": "^0.13.24",
-    "livecodes": "0.6.0",
+    "livecodes": "0.7.1",
     "marked": "^4.0.17",
     "next": "^12.1.0",
     "next-i18next": "^8.10.0",

yarn.lock

@@ -2996,10 +2996,10 @@ levn@~0.3.0:
     prelude-ls "~1.1.2"
     type-check "~0.3.2"
 
-livecodes@0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/livecodes/-/livecodes-0.6.0.tgz#3ad0d4361f6615cea62b8d40acfa33a892d1542f"
-  integrity sha512-nUqS6yy3NAKhVw+wt6yLKiqKSNbpbaJddI+KgtpMeQuIclBZbvhXK/enF8w/vQfxODPf5tmXkq765DIDxwTLTA==
+livecodes@0.7.1:
+  version "0.7.1"
+  resolved "https://registry.yarnpkg.com/livecodes/-/livecodes-0.7.1.tgz#cac585d84935cbb94e47894285ad32dc1114acca"
+  integrity sha512-YHks/nvcgHPa1YmK7l1LWnaCOQZAlsour1nrUpk3ZGpXOHmkh0V4MbNB8pW+m3u8mGMON3xlhtWEq2+0KYYs0w==
 
 locate-path@^2.0.0:
   version "2.0.0"