fix(afcl): support disabled props for checkbox

Author: ivictbor

adminforth/spa/src/afcl/Checkbox.vue

@@ -1,9 +1,10 @@
 <template>
-  <div class="flex items-center h-5">
+  <div class="flex items-center h-5" :class="{'opacity-50' : props.disabled}">
     <input :id="id" 
       ref="rememberInput"
       type="checkbox"
       :checked="props.modelValue"
+      :disabled="props.disabled"
       @change="$emit('update:modelValue', $event.target.checked)"
       class="w-4 h-4 border border-gray-300 rounded bg-gray-50 focus:ring-3 focus:ring-lightPrimary cursor-pointer 
         focus:ring-opacity-50 dark:bg-gray-700 dark:border-gray-600 dark:focus:ring-blue-600 dark:ring-offset-gray-800 dark:focus:ring-offset-gray-800 checked:bg-lightPrimary checked:dark:bg-darkPrimary" /> 
@@ -17,6 +18,7 @@
 
 const props = defineProps({
   modelValue: Boolean,
+  disabled: Boolean,
 });
 
 defineEmits(['update:modelValue']);