Optimize tutorial notebooks for online display

[PSSF23]

My issue is about making sure all tutorials are displayed correctly on netlify-produced website. Even if the tutorial notebooks are displayed correctly on GitHub or local host, they might show nonsense equations and uninformative titles online.

Some guidelines:

• Use label_shuffle_exp tutorial as an example. Everything displays correctly on its website.
• Format the first markdown line with "#" at front and make it the one and only informative title instead of "overview" or other terms.
• Format the subtitles with "##" at front so that they will show up as submenus on website.
• Check the netlify preview for your PR, which is included as one of the required checks.

Snapshot of documentation error:

[PSSF23]

If employing the website now with staging branch, we will have at least 3 tutorial pages named "Tutorial Overview." Do you mind reformat them in a more informative way? @bstraus1

[bstraus1]

Can you elaborate on what you’d like me to do exactly about the redundant titles?

[PSSF23]

@bstraus1 Use the "#" format once and only on the true title I suppose? Like:

Installation Guide

[levinwil]

@PSSF23 What is the status of this issue? Is there anything else to update? I haven't been following very closely.

[PSSF23]

@levinwil Current tutorials should be addressed already, but I want to keep it open as a reference. New notebooks keep coming~

[levinwil]

@PSSF23 We could just make a wiki page. I think that would be more appropriate as a guide. Or we could add this to the contribution guidelines. I think issues should be concrete tasks that can be closed once finished - but it doesn't seem like this has a concrete end-point.

[PSSF23]

@levinwil adding to contribution guideline is a good idea. I will start working on it and close the issue when the guideline is updated.

[levinwil]

@PSSF23 Sounds good :)