Fix 403 error popup on page load (#2635)

* Grading overview data should be dispatched in Grading component instead of main Academy component

* Respective code has been moved over accordingly

Author: sayomaki

src/pages/academy/Academy.tsx

@@ -9,7 +9,6 @@ import Constants from 'src/commons/utils/Constants';
 import { useTypedSelector } from 'src/commons/utils/Hooks';
 
 import {
-  fetchGradingOverviews,
   fetchNotifications,
   updateLatestViewedCourse
 } from '../../commons/application/actions/SessionActions';
@@ -33,7 +32,6 @@ const Academy: React.FC<{}> = () => {
   const dispatch = useDispatch();
   React.useEffect(() => {
     dispatch(fetchNotifications());
-    dispatch(fetchGradingOverviews(false));
   }, [dispatch]);
 
   const agreedToResearch = useTypedSelector(state => state.session.agreedToResearch);

src/pages/academy/grading/Grading.tsx

@@ -1,6 +1,8 @@
 import { NonIdealState, Spinner, SpinnerSize } from '@blueprintjs/core';
 import * as React from 'react';
+import { useDispatch } from 'react-redux';
 import { Navigate, useParams } from 'react-router';
+import { fetchGradingOverviews } from 'src/commons/application/actions/SessionActions';
 import { useTypedSelector } from 'src/commons/utils/Hooks';
 import { numberRegExp } from 'src/features/academy/AcademyTypes';
 
@@ -16,6 +18,11 @@ const Grading: React.FC = () => {
     questionId: string;
   }>();
 
+  const dispatch = useDispatch();
+  React.useEffect(() => {
+    dispatch(fetchGradingOverviews(false));
+  }, [dispatch]);
+
   // If submissionId or questionId is defined but not numeric, redirect back to the Grading overviews page
   if (
     (params.submissionId && !params.submissionId?.match(numberRegExp)) ||