feat: fix Drawer and add browsers list config

.browserslistrc

@@ -0,0 +1,3 @@
+# Browsers that we support
+defaults
+not IE 11

src/features/notificationButton/ui/NotificationButton/NotificationButton.tsx

@@ -9,7 +9,6 @@ import { Button } from '@/shared/ui';
 import { ButtonTheme } from '@/shared/ui/Button';
 import { Icon } from '@/shared/ui/Icon';
 import NotificationIcon from '@/shared/assets/icons/notifications-20-20.svg';
-import { AnimationProvider } from '@/shared/lib/components/AnimationProvider';
 
 import cls from './NotificationButton.module.scss';
 
@@ -50,11 +49,9 @@ export const NotificationButton = memo((props: NotificationButtonProps) => {
       <MobileView>
         {trigger}
 
-        <AnimationProvider>
-          <Drawer isOpen={isOpen} onClose={onCloseDrawer}>
-            <NotificationsList />
-          </Drawer>
-        </AnimationProvider>
+        <Drawer isOpen={isOpen} onClose={onCloseDrawer}>
+          <NotificationsList />
+        </Drawer>
       </MobileView>
     </div>
   );

src/shared/ui/Drawer/ui/Drawer.tsx

@@ -1,7 +1,7 @@
 import { ReactNode, useCallback, useEffect } from 'react';
 
 import { classNames } from '@/shared/lib/classNames';
-import { useAnimationLibs } from '@/shared/lib/components/AnimationProvider';
+import { AnimationProvider, useAnimationLibs } from '@/shared/lib/components/AnimationProvider';
 
 import { Portal } from '../../Portal';
 import { Overlay } from '../../Overlay';
@@ -94,12 +94,20 @@ const DrawerContent = (props: DrawerProps) => {
   );
 };
 
-export const Drawer = (props: DrawerProps) => {
+const DrawerAsync = (props: DrawerProps) => {
   const { isLoaded } = useAnimationLibs();
 
   if (!isLoaded) {
     return null;
   }
 
-  return <DrawerContent {...props} />;
+  return (
+    <DrawerContent {...props} />
+  );
 };
+
+export const Drawer = (props: DrawerProps) => (
+  <AnimationProvider>
+    <DrawerAsync {...props} />
+  </AnimationProvider>
+);