Redirect back to Instructions page after login from Map a Task

frontend/src/components/taskSelection/footer.js

@@ -1,6 +1,6 @@
 import { useState, useEffect } from 'react';
 import { useSelector, useDispatch } from 'react-redux';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate, useLocation } from 'react-router-dom';
 import Popup from 'reactjs-popup';
 import { FormattedMessage } from 'react-intl';
 
@@ -24,6 +24,7 @@ const TaskSelectionFooter = ({
   setSelectedTasks,
 }) => {
   const navigate = useNavigate();
+  const { pathname } = useLocation();
   const token = useSelector((state) => state.auth.token);
   const locale = useSelector((state) => state.preferences.locale);
   const [editor, setEditor] = useState(defaultUserEditor);
@@ -225,7 +226,10 @@ const TaskSelectionFooter = ({
             className="white bg-red fw5"
             onClick={() => {
               if (!token) {
-                navigate('/login');
+                navigate('/login', {
+                  // for redirecting to the same page after login
+                  state: { from: pathname },
+                });
               } else {
                 lockTasks();
               }