fix all actionsheet dialogs on tablet

apps/mobile/src/components/ActionSheetComponent/ActionSheetWrapper.js

@@ -0,0 +1,68 @@
+import React from 'react';
+import {Platform} from 'react-native';
+import {ScrollView} from 'react-native';
+import {useTracked} from '../../provider';
+import {DDS} from '../../services/DeviceDetection';
+import { hexToRGBA } from '../../utils/ColorUtils';
+import ActionSheet from '../ActionSheet';
+import {GetPremium} from './GetPremium';
+
+const ActionSheetWrapper = ({
+  children,
+  fwdRef,
+  gestureEnabled=true,
+  onClose,
+  onOpen,
+  closeOnTouchBackdrop=true
+}) => {
+  const [state] = useTracked();
+  const {colors} = state;
+  const largeTablet = DDS.isLargeTablet();
+
+  const style = React.useMemo(() => {
+    return {
+      width: largeTablet ? 500 : '100%',
+      minHeight: largeTablet ? 100 : null,
+      maxHeight: largeTablet ? 500 : '90%',
+      borderTopRightRadius: 10,
+      borderTopLeftRadius: 10,
+      backgroundColor: colors.bg,
+      padding: largeTablet ? 8 : 0,
+      zIndex: 10,
+      paddingVertical: 12,
+      borderBottomRightRadius: largeTablet ? 10 : 1,
+      borderBottomLeftRadius: largeTablet ? 10 : 1,
+      marginBottom: largeTablet ? 50 : 0,
+      alignSelf: 'center',
+    };
+  }, [colors.bg]);
+
+  return (
+    <ActionSheet
+      ref={fwdRef}
+      containerStyle={style}
+      gestureEnabled={gestureEnabled}
+      extraScroll={largeTablet ? 50 : 0}
+	  initialOffsetFromBottom={1}
+	  closeOnTouchBackdrop={closeOnTouchBackdrop}
+      indicatorColor={
+        Platform.OS === 'ios'
+          ? hexToRGBA(colors.accent + '19')
+          : hexToRGBA(colors.shade)
+      }
+      onOpen={onOpen}
+      keyboardShouldPersistTaps="always"
+      premium={
+        <GetPremium
+          context="sheet"
+          close={() => fwdRef?.current?._hideModal()}
+          offset={50}
+        />
+      }
+      onClose={onClose}>
+      {children}
+    </ActionSheet>
+  );
+};
+
+export default ActionSheetWrapper;