Pr/reverse prereq tree

[alvynben]

Context

Fixes #3202

This issue requests the reversal of the orientation of the prerequisite tree in the module page.

Implementation

I have edited moduletree.tsx and moduletree.scss to reverse the order of the prerequisite tree. Then, I changed some of the words used to make the new format clearer. Finally, I updated the snapshots in moduletree.test.tsx to reflect the change in UI.

For a single mod, with no prerequisite or dependant:

For mods with only dependants:

For mods with one layer of prerequisites and dependants:

For mods with two layers of prerequisites:

For mods with uneven layers of prerequisites:

For mods with uneven letters in prerequisites:

Other Information

Hello, I think the code works in most cases that I've managed to test, both on desktop and mobile. However, I feel that there should be a way to 'fix' the uneven nodes featured in the last picture. Do you have any suggestions?

This is my first issue and pull request by the way, so I do apologize for any mistake on my part. Thank you for taking the time to read through it.

[vercel]

@alvynben is attempting to deploy a commit to the NUSMods Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployments, click below or on the icon next to each commit.

nusmods-export – ./export

🔍 Inspect: https://vercel.com/nusmodifications/nusmods-export/BtZCV5maZPuBTvsZtMiTNS5hCQSb
✅ Preview: https://nusmods-export-git-fork-alvynben-pr-rev-a8429d-nusmodifications.vercel.app

[codecov]

Codecov Report

Merging #3291 (94621fc) into master (1d9f877) will increase coverage by 0.00%.
The diff coverage is 100.00%.

@@           Coverage Diff           @@
##           master    #3291   +/-   ##
=======================================
  Coverage   52.89%   52.90%           
=======================================
  Files         270      270           
  Lines        5717     5718    +1     
  Branches     1320     1320           
=======================================
+ Hits         3024     3025    +1     
  Misses       2693     2693           

Impacted Files	Coverage Δ
website/src/views/modules/ModuleTree.tsx	100.00% <100.00%> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 1d9f877...94621fc. Read the comment docs.

[chrisgzf]

As mentioned in #3202, we'll review #3263 first. Apologies. Closing for now.