SPIKE: Add custom sorting function to table columns

[cjwinsor]

References: #1602
https://tanstack.com/table/latest/docs/guide/sorting

Define what the function needs to be that is passed to sortingFn such that the end user can define their own custom sorting functions. Ideally they would pass a function like (a, b) = > { // implementation }.

Document the shape of the expected function and if we need or want to simplify it.

[prashanthr6383]

@cjwinsor This is an example of custom sorting function the users can use prop sortingFn : sortStatusFn and define

const sortStatusFn: SortingFn<Person> = (rowA, rowB, _columnId) => {
  const statusA = rowA.original.status
  const statusB = rowB.original.status
  const statusOrder = ['single', 'complicated', 'relationship']
  return statusOrder.indexOf(statusA) - statusOrder.indexOf(statusB)
}

Date Sorting 

const dateSortingFn= (rowA, rowB, _columnId) => {
  const dateA = new Date(rowA.original.createdAt);
  const dateB = new Date(rowB.original.createdAt);
  return dateA.getTime() - dateB.getTime();
}

[cjwinsor]

Based on this, we are good to create a story to add examples into the storybook.

[prashanthr6383]

@cjwinsor Added the detailed documentation for custom sorting

https://docs.google.com/document/d/1M7WWRn8p-Yft0IXwTBvkr3K0tcJnmcC7Mx1eA0ORK9c/edit?usp=sharing