(feat): Added hot reloading in our /classes page

[GuillermoFloresV]

Checklist:

• I have read freeCodeCamp's contribution guidelines.
• My pull request has a descriptive title (not a vague title like Update index.md)

Closes #365

Our classes page is not currently taking advantage of hot reloading, this PR introduces changes to take advantage of this feature.

Once we load our /classes page, we save them into a state. This state will help us keep track of our classes (adding, editing, deleting)

We are using our response to build the class into our DOM to ensure that the server and client are always matched together.

Here are GIF comparisons of the two experiences:

Before

Creating a classroom:

Deleting a classroom:

After

Creating a classroom:

Deleting a classroom:

[lloydchang]

@Komal914 See above.

[Komal914]

@lloydchang yes, I think this may be what is causing the Alerts to disappear, since the page refreshes right after

[lloydchang]

Status: @Komal914 confirmed that this #357 is blocking #134

On July 17th, Komal Kaur messaged Lloyd Chang, Guillermo Flores V in CodeDay Labs #help-desk channel at https://codedayorg.slack.com/archives/C05EZKUU456/p1689623550089979?thread_ts=1689278492.275899

I pulled in the commits from fast-reload-classes and the alerts are staying up for the full 5 seconds 🙂

Attached: Screen Recording 2023-07-17 at 12.52.04 PM.mov

Guillermo Flores V replied:

Great, that pr should hopefully be merged soon!

[GuillermoFloresV]

Status: @Komal914 confirmed that this #357 is blocking #134

On July 17th, Komal Kaur messaged Lloyd Chang, Guillermo Flores V in CodeDay Labs #help-desk channel at https://codedayorg.slack.com/archives/C05EZKUU456/p1689623550089979?thread_ts=1689278492.275899

I pulled in the commits from fast-reload-classes and the alerts are staying up for the full 5 seconds 🙂

Attached: Screen Recording 2023-07-17 at 12.52.04 PM.mov

Guillermo Flores V replied:

Great, that pr should hopefully be merged soon!

My PR is currently in review, sorry about the delay but I cannot merge it myself since I am the PR author.

Once the PR is merged we can move to reviewing Komal's PR