Added more Responsive to Mobile Device

components/NotificationProvider.tsx

@@ -51,7 +51,7 @@ export function NotificationProvider({ children }: { children: ReactNode }) {
   return (
     <NotificationContext.Provider value={{ showNotification }}>
       {children}
-      <div className="fixed top-20 right-4 z-50 flex flex-col gap-2 max-w-md w-full">
+      <div className="fixed top-20 right-4 z-50 flex flex-col gap-2 w-[calc(100vw-2rem)] sm:w-full sm:max-w-md">
         {notifications.map((notification) => (
           <NotificationToast
             key={notification.id}