feat(ui): improve checkbox ui on mobile view (#1354)

* feat: add direction prop for CheckboxInput component

* feat: update styles to handle overflow on horizontal alignment

Author: bishalshrestha013

packages/ui/src/assets/css/checkbox-input.css

@@ -11,5 +11,6 @@
 
 .field.checkbox > .checkbox-group.direction-horizontal {
   flex-direction: row;
+  flex-wrap: wrap;
   gap: 1.5rem;
 }