fix: fix tabs urls on progress tab

 This fix does fixes the url links by getting them from the state
 simliar to how tabs navigation gets them.

 This would allow it work for PUBLIC_PATH is not '/', i.e. in
 tutor.

  This was reported in openedx/wg-build-test-release/issues/222

src/course-home/progress-tab/grades/detailed-grades/DetailedGrades.jsx

@@ -19,6 +19,7 @@ function DetailedGrades({ intl }) {
   } = useSelector(state => state.courseHome);
   const {
     org,
+    tabs,
   } = useModel('courseHomeMeta', courseId);
   const {
     gradesFeatureIsFullyLocked,
@@ -40,7 +41,7 @@ function DetailedGrades({ intl }) {
     <Hyperlink
       variant="muted"
       isInline
-      destination={`/course/${courseId}/home`}
+      destination={tabs.find(({ slug }) => slug === 'outline').url}
       onClick={logOutlineLinkClick}
       tabIndex={gradesFeatureIsFullyLocked ? '-1' : '0'}
     >

src/course-home/progress-tab/related-links/RelatedLinks.jsx

@@ -14,9 +14,8 @@ function RelatedLinks({ intl }) {
     courseId,
   } = useSelector(state => state.courseHome);
   const {
-    org,
+    org, tabs,
   } = useModel('courseHomeMeta', courseId);
-
   const { administrator } = getAuthenticatedUser();
   const logLinkClicked = (linkName) => {
     sendTrackEvent('edx.ui.lms.course_progress.related_links.clicked', {
@@ -32,13 +31,13 @@ function RelatedLinks({ intl }) {
       <h3 className="h4">{intl.formatMessage(messages.relatedLinks)}</h3>
       <ul className="pl-4">
         <li>
-          <Hyperlink destination={`/course/${courseId}/dates`} onClick={() => logLinkClicked('dates')}>
+          <Hyperlink destination={tabs.find(({ slug }) => slug === 'dates').url} onClick={() => logLinkClicked('dates')}>
             {intl.formatMessage(messages.datesCardLink)}
           </Hyperlink>
           <p>{intl.formatMessage(messages.datesCardDescription)}</p>
         </li>
         <li>
-          <Hyperlink destination={`/course/${courseId}/home`} onClick={() => logLinkClicked('course_outline')}>
+          <Hyperlink destination={tabs.find(({ slug }) => slug === 'outline').url} onClick={() => logLinkClicked('course_outline')}>
             {intl.formatMessage(messages.outlineCardLink)}
           </Hyperlink>
           <p>{intl.formatMessage(messages.outlineCardDescription)}</p>