Add Column Sorting to the Entity Table Header Component

[MrVintage710]

Proposed Feature

To flesh out more of the usability for the tables, it would be nice if EntityTableHeaders can define there own way of sorting and sort objects. There should be a default sorting function with the ability to give your own. When clicking on a header, it should toggle between ascending, descending, and not sorting. If you click on a header other than the one that is sorting, it should clear sorting on other collumns.

Figma Link: https://www.figma.com/design/pEKOr5N9RJqUNwGoFGXN1Q/Mockups?node-id=82-33&t=Lx76vdymKdNlyPqh-1

Acceptance Criteria

• Make sure all features are well documented with JSDoc. Here is a guide for more info.
• Custom sorting method that can be passed as a prop to EntityTableHeader. There should be a default sorting method if one isn't provided.
• Change table sort by clicking on the header, there should be 3 states, ascending, descending, and default. Add a prop for setting the default direction.
• Use the carret icon to distinguish sorting direction.