Fixed bugs 579, 562, 524 and 577

src/components/Header/Header.js

       },
     });
   };
+  const closePostsPopover = () => {
+    setPostsPopoverOpen(false);
+    setPostsAnchorEl(null);
+  }
+  const closeMsgPopover = () => {
+    setMsgPopoverOpen(false);
+    setMsgAnchorEl(null);
+  }
+  const closeUserPopover = () => {
+    setUserPopoverOpen(false);
+    setUserAnchorEl(null);
+  }
 
   return (
     <HeaderContainer style={{ display: shouldShow ? "block" : "none" }}>
                 setPostsPopoverOpen(false);
                 setPostsAnchorEl(null);
               }}
-              content={<MyPosts />}
+              content={<MyPosts closePopover={closePostsPopover} />}
             />
             <PopoverComponent
               anchorEl={msgAnchorEl}
                 setMsgPopoverOpen(false);
                 setMsgAnchorEl(null);
               }}
-              content={<MyMessages />}
+              content={<MyMessages closePopover={closeMsgPopover}/>}
             />
             <PopoverComponent
               anchorEl={userAnchorEl}
                 setUserPopoverOpen(false);
                 setUserAnchorEl(null);
               }}
-              content={<MyProfile />}
+              content={<MyProfile closePopover={closeUserPopover} />}
             />
           </React.Fragment>
         )}

src/components/Popovers/MyMessages/MyMessages.js

 import { selectLatestChats } from "../../../store/selectors/chatSelectors";
 import { selectUserId } from "../../../store/selectors/loginSelectors";
 import HeaderPopover from "../HeaderPopover/HeaderPopover";
+import PropTypes from "prop-types";
 
-export const MyMessages = () => {
+export const MyMessages = (props) => {
   const { t } = useTranslation();
   const dispatch = useDispatch();
   const userId = useSelector(selectUserId);
   const history = useHistory();
   const [lastChats, setLastChats] = useState([]);
 
-  const goToMessage = (chatId) => {
-    history.push(`/messages/${chatId}`);
-  };
-
   const convertMessages = (messages) => {
     return messages
       .map((item) => ({
   }, [chats]);
   const goToMessages = () => {
     history.push(`/messages/${chats[0].chat?._id}`);
+    props.closePopover();
+  };
+  const goToMessage = (chatId) => {
+    history.push(`/messages/${chatId}`);
+    props.closePopover();
   };
   return (
     <HeaderPopover
     />
   );
 };
+
+MyMessages.propTypes = {
+  closePopover: PropTypes.func,
+};

src/components/Popovers/MyPosts/MyPosts.js

 import React, { useEffect, useState } from "react";
 import { PostsImgSuit } from "./MyPosts.styled";
+import PropTypes from "prop-types";
 
 // const dummyData2 = [
 //   {
 import { useHistory } from "react-router-dom";
 import { MY_OFFERS_PAGE } from "../../../constants/pages";
 
-export const MyPosts = () => {
+export const MyPosts = (props) => {
   const { t } = useTranslation();
   const dispatch = useDispatch();
   const mineOffers = useSelector(selectMineOffers);
 
   const goToOffer = (id) => {
     history.push(`/proizvodi/${id}`);
+    props.closePopover();
   };
   const goToMySwaps = () => {
     history.push(MY_OFFERS_PAGE);
+    props.closePopover();
   };
   return (
     <HeaderPopover
     />
   );
 };
+
+MyPosts.propTypes = {
+  closePopover: PropTypes.func,
+};

src/components/Popovers/MyProfile/MyProfile.js

 import { logoutUser } from "../../../store/actions/login/loginActions";
 import { useHistory } from "react-router-dom";
 import { LOGIN_PAGE } from "../../../constants/pages";
+import PropTypes from "prop-types";
 
-export const MyProfile = () => {
+export const MyProfile = (props) => {
   const { t } = useTranslation();
   const profile = useSelector(selectMineProfile);
   const userId = useSelector(selectUserId);
   };
   const seeMyProfile = () => {
     history.push(`/profile/${userId}`);
-  }
+    props.closePopover();
+  };
   return (
     <HeaderPopover
       title={t("header.myProfile")}
     />
   );
 };
+
+MyProfile.propTypes = {
+  closePopover: PropTypes.func,
+};

src/components/Profile/ProfileOffers/ProfileOffers.js

           IconComponent={DownArrow}
           onChange={handleChangeSelect}
         >
+          <SelectOption
+            value={sortEnum.INITIAL.value}
+            key={sortEnum.INITIAL.value}
+            style={{ display: "none" }}
+          >
+            {sortEnum.INITIAL.mainText}
+          </SelectOption>
           {Object.keys(sortEnum).map((property) => {
+            if (sortEnum[property].value === sortEnum.INITIAL.value) return;
             return (
               <SelectOption
                 value={sortEnum[property].value}

src/pages/RegisterPages/Register/Register.js

       setMailError(mail);
       if (
         error?.error?.response?.data?.toString() ===
-        "User with email already exists"
+        "User with email already exists!"
       ) {
         setMailErrorMessage(t("register.emailTaken"));
       } else {

src/store/saga/registerSaga.js

     console.log(e);
     let type = "server";
     if (
-      e?.response?.data?.toString() === "User with email already exists" ||
+      e?.response?.data?.toString() === "User with email already exists!" ||
       e?.response?.data?.toString() === '"email" must be a valid email'
     ) {
       type = "mail";

src/validations/registerValidations/firstPartValidation.js

     .min(8, i18n.t("login.passwordLength"))
     .minLowercase(1, i18n.t("password.strongPassword"))
     .minUppercase(1, i18n.t("password.strongPassword"))
-    .minSymbols(1, i18n.t("password.strongPassword")),
+    .minSymbols(1, i18n.t("password.strongPassword"))
+    .minNumbers(1, i18n.t("password.strongPassword"))
 });