feat: [FC-86] Updated Header links

[PKulkoRaccoonGang]

Note

Dependencies:

• BE - feat: [FC-86] implement index page config api
• BE - feat: add redirects to mfe for catalog-related legacy pages
• BE - feat: [FC-86] update course_about & catalog link generation
• FE - feat: [FC-86] Home page banner section
• FE - feat: [FC-86] Added Home page courses list
• FE - feat: [FC-86] Added plugin-slots for Home page

Warning

• Merging all dependencies
• Solving the redirect problem
• Results of the discussion on frontend config

Description

This PR extends the frontend-component-header settings for the Index, Course Catalog, and Course About pages.

Useful information

• Related PR: docs: [FC-86] Example of adding Marketing links via the plugin slots openedx/frontend-component-header#598
• Figma design
• For the MFE Catalog pages we can use a similar approach to frontend-app-learner-dashboard with passing the necessary links directly to the frontend-component-header ()
• Home route - /catalog/ (only Home page)
• Discover new/Explore courses - link titles that change depending on whether the user is logged in or not
• The link to Programs according to the Legacy template is only visible to authorized users
• /learner-dashboard - link for Course about and Catalog pages, if the user is not authorized, a redirection occurs to the authorization page. First of all, the request occurs on the /dashboard, if MFE is enabled the user goes to /learner-dashboard, if not on the legacy /dashboard page (backend redirects).

Initial setup

1. Clone and install the tutor-mfe plugin from the draft PR that adds support for Catalog MFE.
2. Go to http://apps.local.openedx.io:1998/catalog/

How Has This Been Tested?

The header for unauthenticated users has the following elements:

• Logo
  / - link for Home page
  /learner-dashboard - link for Course about and Catalog pages
• Explore courses link (/courses)
• Sign Up button
• Login button

The header for authenticated users has the following elements:

• Logo
  / - link for Home page
  /learner-dashboard - link for Course about and Catalog pages
• Courses link (/learner-dashboard)
• /dashboard/programs - Programs
• Programs link (/dashboard/programs)
• Discover new link (/courses)
• Help link