Make the the static HTML dynamic with the database

[Breadkenty]

After the backend and static HTML is set up, we can start plugging in data to make these changes dynamic.

• Drive the Reports page from data

• Drive the User page's combos from data

• Drive the Reports on the User page from data

• Drive the Infractions on the User page from data

• Users should only be able to report once. Disable the button, if the report already exists

• The report's useState object should be in this JSON format
  {
  userId: Id of the user being reported,
  reporterId: Id of the user reporting,
  comboId: Id of the combo that was reported (if reported on a comment, this will be null),
  commentId: Id of the comment that was reported (if reported on a combo, this will be null),
  body: "THIS COMBO WAS UNCALLED FOR!",
  }

• The infraction useState object should be in this JSON format

a user getting banned

{
  userId: Id of the user being infracted,
  moderatorId: Id of the moderator infracting,
  banDuration: 172800,
  type: "inappropriate",
  body: "Inappropriate post for PK Blazing Butthole",
}

banDuration
2 Days = 172800s
1 Week = 604800s
2 weeks = 1209600s
1 month = 2419200s
Permanent = infinite

a user getting warned

{
  userId: Id of the user being infracted,
  moderatorId: Id of the moderator infracting,
  banDuration: null;
  type: "spam",
  body: "Spamming the same combos",
}

Looking to expand this list. thinking about removing other so mods will not be able to abuse the point system.
spam = 1 point
inappropriate = 1 point
harassment = 2 points
other = custom? points