Issue 58 - Allow users to sort standings and rosters

[MattMaginniss]

Issues: #58, #288

Created a sort function that allows users to choose how they want to sort specified tables.

It doesn't look great on mobile but even before this the standings don't look great on mobile. Can be worked on in the future.

How to add sort functionality:

• Add the sort-tables.js script to the page
• Add the class "sortable" to the table
• Add the class "sort" to the headers you want to be able to sort
• Add the class "asc" to the default sort column to default the icon

What is sortable from this PR? Rosters:

• Team name
• Each boards rating
• Average rating

4545 Standings: (every field)

• Ranking (default)
• Team Name
• Average rating
• Match Points
• Game Points
• Each Rounds points

Lonewolf Standings:

• Ranking (default)
• Name
• Rating
• Total
• TBrk[M] (Modified Median)
• TBrk[S] (Solkoff)
• TBrk[C] (Cumulative)
• TBrk[O] (Cumulative Opponent)
• Performance Rating

4545 Final Table Default Sort:

4545 Roster Sorted by Average Rating:

4545 Table Sorted by Game Points:

I am using pure CSS for the sort icons in the table headers:

Unicode: \25B2 and \25BC

Oh and since it's pure CSS unicode text, the font flips for light and dark: