editor mode fixes

[hatemhosny]

What type of PR is this? (check all applicable)

• ✨ Feature
• 🐛 Bug Fix
• 📝 Documentation Update
• 🎨 Style
• ♻️ Code Refactor
• 🔥 Performance Improvements
• ✅ Test
• 🤖 Build
• 🔁 CI
• 📦 Chore (Release)
• ⏩ Revert
• 🌐 Internationalization / Translation

Description

This PR fixes some bugs related to editor mode:

• on changing mode (using SDK) from editor mode to result mode, the compiler is not available.
• hide result toggle button in editor mode
• fix duplicate playground if the SDK method createPlayground was called multiple times (e.g. react re-renders)
• fix default theme color (on logging out)
• reset element styles before changing mode

[netlify]

✅ Deploy Preview for livecodes ready!

Name	Link
🔨 Latest commit	4da8bcd
🔍 Latest deploy log	https://app.netlify.com/sites/livecodes/deploys/6786d53856995600089453ba
😎 Deploy Preview	https://deploy-preview-715--livecodes.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[cloudflare-workers-and-pages]

Deploying livecodes with    Cloudflare Pages

Latest commit:	4da8bcd
Status:	✅  Deploy successful!
Preview URL:	https://71553522.livecodes.pages.dev
Branch Preview URL:	https://fix-editor-mode.livecodes.pages.dev

View logs

[sonarqubecloud]

Quality Gate passed

Issues
1 New issue
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud