chore: preferences view swipe gesture

packages/web/src/javascripts/Components/Modal/Modal.tsx

@@ -114,7 +114,7 @@ const Modal = ({
         ) : (
           <div
             className={classNames(
-              'flex w-full flex-shrink-0 items-center justify-between rounded-t border-b border-solid border-border bg-default px-2 text-text md:px-4.5 md:py-3',
+              'flex w-full flex-shrink-0 select-none items-center justify-between rounded-t border-b border-solid border-border bg-default px-2 text-text md:px-4.5 md:py-3',
               hasTopInset ? 'pt-safe-top pb-1.5' : 'py-1.5',
             )}
           >

packages/web/src/javascripts/Components/Modal/useModalAnimation.ts

@@ -1,6 +1,8 @@
 import { useLifecycleAnimation } from '@/Hooks/useLifecycleAnimation'
 import { useMediaQuery, MutuallyExclusiveMediaQueryBreakpoints } from '@/Hooks/useMediaQuery'
 
+export const IosModalAnimationEasing = 'cubic-bezier(.36,.66,.04,1)'
+
 export const useModalAnimation = (isOpen: boolean) => {
   const isMobileScreen = useMediaQuery(MutuallyExclusiveMediaQueryBreakpoints.sm)
 
@@ -17,7 +19,7 @@ export const useModalAnimation = (isOpen: boolean) => {
           },
         ],
         options: {
-          easing: 'cubic-bezier(.36,.66,.04,1)',
+          easing: IosModalAnimationEasing,
           duration: 250,
           fill: 'forwards',
         },
@@ -38,7 +40,7 @@ export const useModalAnimation = (isOpen: boolean) => {
           },
         ],
         options: {
-          easing: 'cubic-bezier(.36,.66,.04,1)',
+          easing: IosModalAnimationEasing,
           duration: 250,
           fill: 'forwards',
         },