Fixed 2117

src/components/ItemDetails/Header/Header.js

   const { t } = useTranslation();
 
   const handleBackButton = () => {
-    console.log("clicked")
+    console.log("clicked");
     history.goBack();
   };
 
       className={props.className}
     >
       <ButtonContainer>
-        <ArrowButton side={"left"}></ArrowButton>
+        <ArrowButton side={"left"} onClick={handleBackButton}></ArrowButton>
         <HeaderText>{t("itemDetailsCard.headerTitle")}</HeaderText>
       </ButtonContainer>
     </HeaderContainer>

src/components/Profile/Header/Header.js

   const history = useHistory();
   const { t } = useTranslation();
 
-
   const handleBackButton = () => {
     if (props.isAdmin) history.goBack();
     else history.push(HOME_PAGE);
       className={props.className}
       isAdmin={props.isAdmin}
     >
-      <ButtonContainer>
-        <ArrowButton side={"left"}></ArrowButton>
-        <HeaderText>{props.isAdmin ? t("admin.users.goBack") : t("profile.backToHome")}</HeaderText>
+      <ButtonContainer onClick={handleBackButton}>
+        <ArrowButton side={"left"} onClick={handleBackButton} />
+        <HeaderText>
+          {props.isAdmin ? t("admin.users.goBack") : t("profile.backToHome")}
+        </HeaderText>
       </ButtonContainer>
     </HeaderContainer>
   );

src/pages/AdminHomePage/AdminSubcategoriesPage/AdminSubcategoriesPage.js

         />
         <SubcategoriesHeader>
           <ButtonContainer onClick={goBack}>
-            <ArrowButton side={"left"}></ArrowButton>
+            <ArrowButton onClick={goBack} side={"left"}></ArrowButton>
             <HeaderText>{t("admin.subcategories.goBack")}</HeaderText>
           </ButtonContainer>
           <NewSubcategoryButton