feat(showcase): use marked and prismjs to highlight the code

[fpaul-1A]

Proposed change

Following #2414
Replace all usage of highlight.js to prismjs

Related issues

- No issue associated -

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 4bc6de7. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

🟥 Failed Commands
nx run-many --target=test-int --parallel 3

✅ Successfully ran 1 target

• nx run-many --target=build --projects=eslint-plugin --parallel 3

---

Sent with 💌 from NxCloud.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 65.85%. Comparing base (331f0da) to head (4bc6de7).
Report is 8 commits behind head on main.

✅ All tests successful. No failed tests found.

Additional details and impacted files

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

---

🚨 Try these New Features:

• JS Bundle Analysis - Avoid shipping oversized bundles

[kpanot]

Aligned the theme would be nice, they do not have css var that we can map to?

[fpaul-1A]

there are lots of themes we can choose from
I picked this theme to match the one we use in the training (as much as possible, prismjs uses regexes not actual grammar)

[cpaulve-1A]

I guess you can't use HTML because you might have some logic for the clipboard?

[fpaul-1A]

I had to add an html attribute on the marked extension to match the CSS of the DF
HTML attributes are sanitized by default