fix(web-component): interpolate cssImportPath in style tag

[ScriptShah]

Description

• JSX does not interpolate variables inside string literals, causing the browser to receive a literal @import '{finalCssImportPath}'; string.

Changes proposed in this pull request:

• Fix interpolation of cssImportPath inside the web component <style> tag.
• Replace the literal string @import '{finalCssImportPath}'; with a proper JSX expression:

<style>{`@import '${finalCssImportPath}';`}</style>

Related issue(s)
Fixes #1207

[github-actions]

Welcome to AsyncAPI. Thanks a lot for creating your first pull request. Please check out our contributors guide useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
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