Feat: Removing console warnings and errors

[DhairyaMajmudar]

Fixes #196

Describe the changes you have made in this PR -

• Upgraded the font awesome from V5 to V6 to remove the console errors / warnings
• Commented the hamburger.css file import causing warnings in the console
• commented import { defineProps, defineEmits } from 'vue' since its not required any more.
• Removed JQuery from color_theme.scss
• Removed js comments from CSS files
• Removed warning from console while building the simulator

Screenshots of the changes (If any) -

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	9e1d1bd
🔍 Latest deploy log	https://app.netlify.com/sites/circuitverse/deploys/659442a66e74100008a47613
😎 Deploy Preview	https://deploy-preview-214--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 the changes if needed

Thank You : )

[DhairyaMajmudar]

@Arnabdaz just ping for PR review

[Arnabdaz]

@DhairyaMajmudar can you fix these issues that come up on building the simulator

[DhairyaMajmudar]

Sure @Arnabdaz would be happy to do so : )

[DhairyaMajmudar]

Also if this pr looks good can you pls. merge it.

[Arnabdaz]

add the changes in this pr itself ... push the changes into the same branch and it would propagate in this pr

[DhairyaMajmudar]

Sure @Arnabdaz I will follow up the same 😃

[DhairyaMajmudar]

@Arnabdaz I have removed the warning from the console while building the simulator for that I followed the approach

• Analysed the files from where warnings were coming.
• Those warning were due to JQuery code present in color_theme.scss file
• And because of JS comments in .scss files.

[Arnabdaz]

there seems to be some issues with the css variable changes take a look carefully and verify

[DhairyaMajmudar]

@Arnabdaz This unexpected behavior is because of the white color font (--text-circuit) . But that was already predefined in the file Link to that code

I think previously because of some error the white text color was not applied and by default black font was styled.

cc: @tachyons @devartstar

[DhairyaMajmudar]

This can be fixed by changing --text-circuit to #000 color code.

[Arnabdaz]

LGTM cc @tachyons