feat: topic menu

[realdylanzheng]

🔗 Linked issue

241

❓ Type of change

• [X] ✨ New feature (a non-breaking change that adds functionality)

📚 Description

Drop down topic menu Top sticky nav bar

📝 Checklist

• [x] I have linked an issue or discussion.

• [x] I have updated the documentation accordingly.

[aws-amplify-ca-central-1[bot]]

This pull request is automatically being deployed by Amplify Hosting (learn more).

Access this pull request here: https://pr-242.d3eik05156ec7t.amplifyapp.com

[anikbrazeau]

This looks good! Curious how it shows up on the French side? Is there enough room for it on the same line as the title and "Français"? Might we want to have those show up one above the other on smaller screens / mobile?

[anikbrazeau]

What is the ordering principle we're using for topics / menu? Looks like perhaps we're presenting the latest updated first which could lead to constant reshuffling?

Could we make it a more predictable alphabetical order perhaps for now, for each of EN and FR, both in the menu and on the homepage itself?

[anikbrazeau]

Fixes #241

[anikbrazeau]

Looks like the spacing does become an issue in French. Perhaps we could have the menu shift to below the heading or something on mobile/narrow screens?

[anikbrazeau]

For future consideration/thought 🤔 I wonder if there might be a way to think through the parallelism, hierachy, relationship and potential for more interaction between "Menu" / "breadcrumb" / H1 / "On this page". Might there be a way to unite these to be more cohesive?

[daine]

FYI, this is the french link to test: https://fr.pr-242.staging.learning-resources.cdssandbox.xyz/ The language switcher won't work correctly as I haven't updated the environment variables, but the english version is also accessible here: https://pr-242.staging.learning-resources.cdssandbox.xyz/