Created NavBarSchedule container to distinguish in/out clicks

Author: sunny-viktoryia

src/components/molecules/NavBar/NavBar.tsx

@@ -142,7 +142,7 @@ const NavBar: React.FC<NavBarPropsType> = ({
     setEventScheduleVisible(!isEventScheduleVisible);
   }, [isEventScheduleVisible]);
   const hideEventSchedule = useCallback((e) => {
-    if (e.target.closest(".NavBarSchedule")) return;
+    if (e.target.closest(".NavBar__schedule-dropdown")) return;
 
     setEventScheduleVisible(false);
   }, []);
@@ -317,7 +317,9 @@ const NavBar: React.FC<NavBarPropsType> = ({
         }`}
         onClick={hideEventSchedule}
       >
-        <NavBarSchedule isVisible={isEventScheduleVisible} />
+        <div className="NavBar__schedule-dropdown">
+          <NavBarSchedule isVisible={isEventScheduleVisible} />
+        </div>
       </div>
 
       {/* @debt Remove back button from Navbar */}

src/components/organisms/NavBarSchedule/NavBarSchedule.tsx

@@ -121,7 +121,6 @@ export const NavBarSchedule: FC<NavBarScheduleProps> = ({ isVisible }) => {
     };
   }, [relatedVenueEvents, userEventIds, selectedDayIndex, getEventLocation]);
 
-  // if .NavBarSchedule is changed, we need to update the class name in NavBar#hideEventSchedule event handler as well
   const containerClasses = classNames("NavBarSchedule", {
     "NavBarSchedule--show": isVisible,
   });