fix(kpop): camel case placement

[Leopoldthecoder]

Summary

Problem

KPop with a two-word placement (e.g. topStart , rightEnd , etc.) has wrong position. This is observed in the shared-ui-components CI.

Cause

In src/components/KPop/KPop.vue, this.placement is a camel case string, but new Popper() expects the placement field to be a kebab case string. There used to be a map to do the case transformation, but it was removed in #1292.

Fix

Convert placement to kebab case before passing it to new Popper().

PR Checklist

• Does not introduce dependencies
• Functional: all changes do not break existing APIs and if so, bump major version.
• Tests pass: check the output of yarn test
• Naming: the files and the method and prop variables use the same naming conventions as other Kongponents
• Framework style: abides by the essential rules in Vue's style guide
• Cleanliness: does not have formatting issues, unused code (e.g., console.logs, debugger), or leftover comments
• Docs: includes a technically accurate README, uses JSDOC where appropriate

[netlify]

✅ Deploy Preview for kongponents ready!

Name	Link
🔨 Latest commit	584f990
🔍 Latest deploy log	https://app.netlify.com/sites/kongponents/deploys/64424534d2330f00088d398a
😎 Deploy Preview	https://deploy-preview-1308--kongponents.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 settings.

[kongponents-bot]

🎉 This PR is included in version 8.53.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀