add useScrollToTop.js to hooks

FrontEnd/src/components/Contact/Contact.jsx

@@ -1,14 +1,13 @@
-import React, { useEffect } from 'react';
+import React from 'react';
 import renderContent from '../CookiesPolicyPage/RenderContent.jsx';
 import LinkContainer from '../CookiesPolicyPage/LinkContainer.jsx';
 import styles from './Contact.module.css';
 import contactText from './text';
 import TEXT_CONTENT from './text';
+import useScrollToTop from '../../hooks/useScrollToTop';
 
 const Contact = () => {
-  useEffect(() => {
-    window.scrollTo(0, 0);
-  }, []);
+  useScrollToTop();
 
   return (
     <div className={styles['contact_container']}>

FrontEnd/src/components/CookiesPolicyPage/CookiesPolicyComponent.jsx

@@ -1,14 +1,13 @@
-import React, { useEffect } from 'react';
+import React from 'react';
 import styles from './cookiesPolicyComponent.module.css';
 import CookiesPolicyText from './text.js';
 import TEXT_CONTENT from './text.js';
 import LinkContainer from './LinkContainer.jsx';
 import renderContent from './RenderContent.jsx';
+import useScrollToTop from '../../hooks/useScrollToTop';
 
 const CookiesPolicy = () => {
-  useEffect(() => {
-    window.scrollTo(0, 0);
-  }, []);
+  useScrollToTop();
 
   return (
     <div className={styles['cookies_policy']}>

FrontEnd/src/components/HeaderFooter/footer/top/FooterNavigation.jsx

@@ -1,6 +1,7 @@
 import { HashLink } from 'react-router-hash-link';
 import { Link } from 'react-router-dom';
 import css from './FooterNavigation.module.css';
+import useScrollToTop from '../../../../hooks/useScrollToTop';
 
 const PAGE_NAVIGATION_LINKS = [
   {
@@ -51,6 +52,8 @@ const CONTACTS = [
 ];
 
 function FooterNavigation() {
+  useScrollToTop();
+
   return (
     <div className={css['navigation-content']}>
       <div className={css['navigation-content-section']}>

FrontEnd/src/components/PrivacyPolicyPage/PrivacyPolicyPage.jsx

@@ -1,14 +1,14 @@
-import React, { useEffect } from 'react';
+import React from 'react';
 import styles from './PrivacyPolicy.module.css';
 import privacyPolicyText from './text';
 import TEXT_CONTENT from './text';
 import LinkContainer from '../CookiesPolicyPage/LinkContainer.jsx';
 import renderContent from '../CookiesPolicyPage/RenderContent.jsx';
+import useScrollToTop from '../../hooks/useScrollToTop';
+
 
 const PrivacyPolicy = () => {
-  useEffect(() => {
-    window.scrollTo(0, 0);
-  }, []);
+  useScrollToTop();
 
   return (
     <div className={styles['privacy_policy']}>

FrontEnd/src/components/terms-and-conditions-app/terms_conditions/TermsAndConditionsComponent.jsx

@@ -1,14 +1,14 @@
-import React, { useEffect } from 'react';
+import React from 'react';
 import styles from './TermsAndConditionsComponent.module.css';
 import TermsAndConditionsText from './text';
 import TEXT_CONTENT from './text';
 import LinkContainer from '../../CookiesPolicyPage/LinkContainer.jsx';
 import renderContent from '../../CookiesPolicyPage/RenderContent.jsx';
+import useScrollToTop from '../../../hooks/useScrollToTop';
+
 
 const TermsAndConditions = () => {
-  useEffect(() => {
-    window.scrollTo(0, 0);
-  }, []);
+  useScrollToTop();
 
   return (
     <div className={styles['TermsAndConditions']}>

FrontEnd/src/hooks/useScrollToTop.js

@@ -0,0 +1,12 @@
+import { useEffect } from 'react';
+import { useLocation } from 'react-router-dom';
+
+const useScrollToTop = () => {
+  const location = useLocation();
+
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, [location]);
+};
+
+export default useScrollToTop;