refactor(components): ♻️ update components to use refactored useHaptic hook

Author: Karthik-B-06

src/components/button/Button.tsx

@@ -127,7 +127,7 @@ const RNButton: React.FC<Partial<ButtonProps>> = forwardRef<
     const { ts, gc } = useTailwind();
     const buttonTheme = useTheme("button");
     const { handlers, animatedStyle } = useScaleAnimation();
-    const { hapticMedium } = useHaptic();
+    const hapticMedium = useHaptic("medium");
     const { onHoverIn, onHoverOut, hovered } = useOnHover();
     const { onFocus, onBlur, focused } = useOnFocus();
 

src/components/checkbox/Checkbox.tsx

@@ -134,7 +134,7 @@ const RNCheckbox: React.FC<Partial<CheckboxProps>> = forwardRef<
   const { onHoverIn, onHoverOut, hovered } = useOnHover();
   const { onFocus, onBlur, focused } = useOnFocus();
   const { handlers, animatedStyle } = useScaleAnimation();
-  const { hapticSelection } = useHaptic();
+  const hapticSelection = useHaptic();
 
   const hasOnlyLabel = label && !description;
 

src/components/radio/Radio.tsx

@@ -87,7 +87,7 @@ const RNRadio: React.FC<Partial<RadioProps>> = forwardRef<
 
   const { onHoverIn, onHoverOut, hovered } = useOnHover();
   const { onFocus, onBlur, focused } = useOnFocus();
-  const { hapticSelection } = useHaptic();
+  const hapticSelection = useHaptic();
   const { handlers, animatedStyle } = useScaleAnimation();
   const state = useRadioGroupContext();
 

src/components/switch/Switch.tsx

@@ -135,7 +135,7 @@ const RNSwitch: React.FC<Partial<SwitchProps>> = forwardRef<
   });
 
   const thumbAnimated = useSharedValue(switchState ? 1 : 0);
-  const { hapticSelection } = useHaptic();
+  const hapticSelection = useHaptic();
   /**
    * Setting Active/Inactive and Default Colors
    */

src/components/tag/Tag.tsx

@@ -89,7 +89,7 @@ const RNTag: React.FC<Partial<TagProps>> = forwardRef<
   const { onHoverIn, onHoverOut, hovered } = useOnHover();
   const { onFocus, onBlur, focused } = useOnFocus();
   const { handlers, animatedStyle } = useScaleAnimation();
-  const { hapticSelection } = useHaptic();
+  const hapticSelection = useHaptic();
 
   const {
     size = "md",