[Remove Vuetify from Studio] Checkboxes and chips in the library side panel

[LightCreator1007]

Summary

Replaces Checkbox with KCheckbox and VChip with StudioChip.

References

fixes #5673

[learning-equality-bot]

👋 Thanks for contributing!

We will assign a reviewer within the next two weeks. In the meantime, please ensure that:

• You ran pre-commit locally
• All issue requirements are satisfied
• The contribution is aligned with our Contributing guidelines. Pay extra attention to Using generative AI. Pull requests that don't follow the guidelines will be closed.

We'll be in touch! 😊

[MisRob]

Hi @LightCreator1007, thank you. Before we assign a maintainer, I will invite the community review.

[MisRob]

📢 ✨ Community Review guidance for both authors and reviewers.

[AlexVelezLl]

Thanks @LightCreator1007! This generally looks good! Just a couple of nitpicks to fully align with the capabilities of our KDS components.

[AlexVelezLl]

Perhaps we don't need this v-on="on" now, right? Because the only thing the StudioChip emits is @close, but that is only if we set the close prop to true.

[AlexVelezLl]

Adding presentational, we should be able to use the v-model="languages" pattern here, which is now the recommended way to define a KCheckbox like this.

[AlexVelezLl]

Given that this Checkbox here is just presentational (it isn't in charge of emitting the events), could you please set the presentational prop here to reflect this?

[AlexVelezLl]

Idem, we can use presentational and v-model here too.