fix(utils): 🚑 remove haptics case on web

Author: Karthik-B-06

src/utils/useHaptic.ts

@@ -1,12 +1,15 @@
 import { useCallback, useMemo } from "react";
+import { Platform } from "react-native";
 import * as Haptics from "expo-haptics";
 
 type FeedbackType = "light" | "medium" | "heavy" | "selection";
 
 export const useHaptic = (feedbackType: FeedbackType = "selection") => {
   const createHapticHandler = useCallback(
     (type: Haptics.ImpactFeedbackStyle) => {
-      return () => Haptics.impactAsync(type);
+      return Platform.OS === "web"
+        ? undefined
+        : () => Haptics.impactAsync(type);
     },
     [],
   );
@@ -16,7 +19,7 @@ export const useHaptic = (feedbackType: FeedbackType = "selection") => {
       light: createHapticHandler(Haptics.ImpactFeedbackStyle.Light),
       medium: createHapticHandler(Haptics.ImpactFeedbackStyle.Medium),
       heavy: createHapticHandler(Haptics.ImpactFeedbackStyle.Heavy),
-      selection: Haptics.selectionAsync,
+      selection: Platform.OS === "web" ? undefined : Haptics.selectionAsync,
     }),
     [createHapticHandler],
   );