Table 컴포넌트 구현

[jindonyy]

issue #65

예상 동작

• headCell 을 누르면 정렬이 된다.
  • 오름차순, 내림차순으로 토글된다.
  • 클릭할 때마다 headCell 의 스타일이 변한다.

제공하고자 하는 인터페이스

type SortState = {
  name: string;
  direction: 'ascending' | 'descending';
  sortIndices: number[];
} | null;

type SortConfig = {
  sortValues?: { [key in string]: (string | number)[] };
  sortState: SortState;
  setSortState: Dispatch<SetStateAction<SortState>>;
};

type HeadCellProps = {
  ...
  sortConfig?: SortConfig;
  children: ReactElement | ReactElement[];
}