fix drawer | add browserlist config

.browserslistrc

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

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

@@ -8,7 +8,6 @@ import { Popover } from "@/shared/ui/Popups";
 import { Drawer } from "@/shared/ui/Drawer/Drawer";
 import { BrowserView, MobileView } from "react-device-detect";
 import cls from "./NotificationButton.module.scss";
-import { AnimationProvider } from "@/shared/lib/components/AnimationProvider";
 
 interface NotificationButtonProps {
   className?: string;
@@ -45,11 +44,10 @@ export const NotificationButton = memo((props: NotificationButtonProps) => {
       </BrowserView>
       <MobileView>
         {trigger}
-        <AnimationProvider>
-          <Drawer isOpen={isOpen} onClose={onCloseDrawer}>
-            <NotificationList />
-          </Drawer>
-        </AnimationProvider>
+
+        <Drawer isOpen={isOpen} onClose={onCloseDrawer}>
+          <NotificationList />
+        </Drawer>
       </MobileView>
     </div>
   );

src/shared/ui/Drawer/Drawer.tsx

@@ -1,7 +1,10 @@
 import { classNames } from "@/shared/lib/classNames/classNames";
 import React, { memo, ReactNode, useCallback, useEffect } from "react";
 import { useTheme } from "@/app/providers/ThemeProvider";
-import { useAnimationLibs } from "@/shared/lib/components/AnimationProvider";
+import {
+  AnimationProvider,
+  useAnimationLibs,
+} from "@/shared/lib/components/AnimationProvider";
 import { Overlay } from "../Overlay/Overlay";
 import cls from "./Drawer.module.scss";
 import { Portal } from "../Portal/Portal";
@@ -93,12 +96,20 @@ export const DrawerContent = memo((props: DrawerProps) => {
   );
 });
 
-export const Drawer = memo((props: DrawerProps) => {
+export const DrawerAsync = (props: DrawerProps) => {
   const { isLoaded } = useAnimationLibs();
 
   if (!isLoaded) {
     return null;
   }
 
   return <DrawerContent {...props} />;
-});
+};
+
+export const Drawer = (props: DrawerProps) => {
+  return (
+    <AnimationProvider>
+      <DrawerAsync {...props} />
+    </AnimationProvider>
+  );
+};