refactor: abstract away language independent ui into separate component

[brijeshb42]

Also fixes minor issues -

• remove unnecessary re-renders on code change
• fix: Do not render \<p> inside another \<p>

[vercel[bot]]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/sliphq/run-wasm/A9EyFsZ6pXmTRd3zASJTfzmS9j8V
✅ Preview: https://run-wasm-git-fork-brijeshb42-main-sliphq.vercel.app

[brijeshb42]

This pull request is being automatically deployed with Vercel (learn more). To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/sliphq/run-wasm/97Gvf6fJbEdPcbiUW8BhhyJz336v ✅ Preview: Failed

Not sure about the specific build commands used here, but I have deployed this in my own vercel account here - https://run-wasm-five.vercel.app/

[kennethcassel]

if we can resolve the merge conflicts then we can get this one merged in! Thanks a ton for this refactor @brijeshb42!

[brijeshb42]

if we can resolve the merge conflicts then we can get this one merged in! Thanks a ton for this refactor @brijeshb42!

@kennethcassel Fixed the conflicts.

[kennethcassel]

@all-contributors please add @brijeshb42 for code contributions 💻

[allcontributors[bot]]

@kennethcassel

I've put up a pull request to add @brijeshb42! :tada: