chore: improve animation of blurred overlay

src/app/[name]/page.tsx

@@ -234,7 +234,7 @@ const MenuIndex = () => {
         </VerticalScrollView>
       </section>
 
-      <AnimatedBottomSheet title="فیلتر ها" visible={filterModal} changeDelay="150" onClick={toggleFilterModal}>
+      <AnimatedBottomSheet title="فیلتر ها" visible={filterModal} outDelay={150} onClick={toggleFilterModal}>
         <div className="ps-8.5 pe-[31px] mt-[89px]">
           <SearchComboBox
             title="محتویات"
@@ -277,7 +277,7 @@ const MenuIndex = () => {
         </div>
       </AnimatedBottomSheet>
 
-      <AnimatedBottomSheet title="مرتب کردن بر اساس" visible={sortingModal} changeDelay="150" onClick={toggleSortingModal}>
+      <AnimatedBottomSheet title="مرتب کردن بر اساس" visible={sortingModal} inDelay={150} onClick={toggleSortingModal}>
         <div className="px-8.5 py-10 justify-between">
           {sortings.map((v, i) => {
             return (