Converting Testbench panel into a seperate vue component

[DhairyaMajmudar]

Fixes #210

Describe the changes you have made in this PR -

Converting the TestBench code into a separate vue component file.

Screenshots of the changes (If any) -

N/A

Note: Please check Allow edits from maintainers. if you would like us to assist in the PR.

[netlify]

✅ Deploy Preview for circuitverse ready!

Name	Link
🔨 Latest commit	4bf72e4
🔍 Latest deploy log	https://app.netlify.com/sites/circuitverse/deploys/659ae691a92e2f0008159524
😎 Deploy Preview	https://deploy-preview-215--circuitverse.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.

[DhairyaMajmudar]

@Prerna-0202 @Arnabdaz pls. review the PR and suggest changes if required

Thank You : )

[DhairyaMajmudar]

Hello @Arnabdaz I have kept the testbench component new vue file in src/components/panels

But acc. to folder structure given

Do I have to keep the Vue file in the pages folder

pls. clarify

[Arnabdaz]

we also need to add all the javascript and css related to the testbench not only the html as our target it reducing direct DOM manipulation with js ... look at other components to get the idea

[DhairyaMajmudar]

Yes, @Arnabdaz I will soon come up with an updated PR : )