fix: add pointer to setting inputs

src/components/fields/Checkbox.tsx

@@ -18,7 +18,7 @@ export const Checkbox: FC<ICheckbox> = (props: ICheckbox) => {
         <input
           type="checkbox"
           id={props.name}
-          className="size-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500"
+          className="size-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500 cursor-pointer"
           checked={props.checked}
           onChange={props.onChange}
           disabled={props.disabled}
@@ -27,7 +27,7 @@ export const Checkbox: FC<ICheckbox> = (props: ICheckbox) => {
         <div className="ml-3">
           <label
             htmlFor={props.name}
-            className="font-medium text-gray-700 dark:text-gray-200"
+            className="font-medium text-gray-700 dark:text-gray-200 cursor-pointer"
             style={
               props.disabled ? { textDecoration: 'line-through' } : undefined
             }

src/components/fields/RadioGroup.tsx

@@ -47,7 +47,7 @@ export const RadioGroup: FC<IRadioGroup> = (props: IRadioGroup) => {
               >
                 <input
                   type="radio"
-                  className="size-4 border-gray-300 text-indigo-600 focus:ring-indigo-500"
+                  className="size-4 border-gray-300 text-indigo-600 focus:ring-indigo-500 cursor-pointer"
                   id={`${props.name}_${item.value.toLowerCase()}`}
                   name={props.name}
                   value={item.value}
@@ -57,7 +57,7 @@ export const RadioGroup: FC<IRadioGroup> = (props: IRadioGroup) => {
                 />
                 <label
                   htmlFor={`${props.name}_${item.value.toLowerCase()}`}
-                  className="ml-3 block text-sm font-medium text-gray-700 dark:text-white"
+                  className="ml-3 block text-sm font-medium text-gray-700 dark:text-white cursor-pointer"
                 >
                   {item.label}
                 </label>