feat(swagger): update to 5.1.0 swagger-ui [KHCP-10938]

[davidma415]

Summary

https://konghq.atlassian.net/browse/KHCP-10938
A spike PR for updating to newest swagger-ui that supports openapi: 3.1.0.

Deploy Previews in consuming apps:

khcp-ui: https://pr-7710--khcp-ui.cloud-preview.konghq.tech/

konnect-ui-apps: https://pr-2591--api-products.cloud-preview.konghq.tech/api-products

konnect-portal: Kong/konnect-portal#459

---

[mptap]

swagger UI styles working as expected without local import 🎉

[davidma415]

If we just use swagger's styling

vs. this is how it is currently

I think we'd need design feedback on this, or atleast we should remove the background-color on the operation at the very least so it doesn't look too different than what it is now.

[jillztom]

We might need to tweak this CSS as well

[mptap]

@jillztom > We might need to tweak this CSS as well
Now fixed.

Note this was occuring only in the sandbox, and not in the consuming apps, as they're using a custom style to override the background on hover. See ProductVersionDocumentation.vue in konnect-ui-apps

[adamdehaven]

The section and text colors are not prefixed with kong-ui- in the codebase

[adamdehaven]

The section and text colors are not prefixed with kong-ui- in the codebase

e.g. you should be using --text_colors-accent and --section_colors-accent etc.

[mptap]

The section and text colors are not prefixed with kong-ui- in the codebase

Yes, I'm using var(--text_colors-primary) but linter's unhappy so added a disable for that line.

Addressed

[kaiarrowood]

LGTM! 🚀 nice work @mptap !

[davidma415]

Looks good to me from the portal POV with respect to theming etc. 👍 great job, thanks for helping out with this!