Replace all checkboxes with `KCheckbox` in Studio

[sairina]

Product

Studio

Desired behavior

We would like to see KCheckbox replace all the different checkboxes that currently exist in Studio. This means that we would have to:

1. Do an audit of all the checkboxes used in Studio and compare all the desired functionality in the checkboxes
2. Compare the current functionality of KCheckbox
3. Consult with designers and design system team about what KCheckbox should actually be able to do
4. Update KCheckbox accordingly

Current behavior

Currently, checkboxes in Studio are:

• KCheckbox
• Checkbox
• VCheckbox

Ideally, all instances of a checkbox in Studio would utilize KCheckbox

(Optional) The Value Add

This should be added into KDS so that we can clean up the code in Studio, as Kolibri only uses KCheckbox.

(Optional) Possible Tradeoffs

Cost is time, but tradeoff is cleaner code.

Add labels

Please choose the appropriate label(s) from our existing label list to ensure that your issue is properly categorized. This will help us to better understand and address your issue!

[EshaanAgg]

Hi! Is this issue open for external contributors? I would love to take a shot at it.

[MisRob]

Thank you, you're assigned @EshaanAgg

[MisRob]

Please see Slack where we sent you some more info

[EshaanAgg]

Update:
Solving this issue required supporting the v-model prop on KCheckbox, so as a fix, we modified the Checkbox wrapper in Studio to internally make use of KCheckbox via this PR. Only one occurrence couldn't be refactored, which is described here.

As for further progress, we can work on supporting v-model prop on KCheckbox directly, and then migrate the components in Studio to directly make use of it (instead of the wrapper).

[MisRob]

@EshaanAgg Good, thanks for the update, it's useful to have a summary on where things are right now

[MisRob]

Related learningequality/studio#4492