feat(IgxGridBaseDirective): Add Single and Multiple sorting options

[katherinedragieva]

Closes #9674
Closes #11269
Closes #10765

Additional information (check all that apply):

• Bug fix
• New functionality
• Documentation
• Demos
• CI/CD

Checklist:

• All relevant tags have been applied to this PR
• This PR includes unit tests covering all the new code (test guidelines)
• This PR includes API docs for newly added methods/properties (api docs guidelines)
• This PR includes feature/README.MD updates for the feature docs
• This PR includes general feature table updates in the root README.MD
• This PR includes CHANGELOG.MD updates for newly added functionality
• This PR contains breaking changes
• This PR includes ng update migrations for the breaking changes (migrations guidelines)
• This PR includes behavioral changes and the feature specification has been updated with them

[hanastasov]

Good job.
Address the comments and fix the lint errors.

[rkaraivanov]

My idea was to move this logic over here:

igniteui-angular/projects/igniteui-angular/src/lib/grids/api.service.ts

Lines 213 to 219 in 264f130

	public sort(expression: ISortingExpression): void {
	if (expression.dir === SortingDirection.None) {
	this.remove_grouping_expression(expression.fieldName);
	}
	const sortingState = cloneArray(this.grid.sortingExpressions);
	this.prepare_sorting_expression([sortingState], expression);
	this.grid.sortingExpressions = sortingState;

However now that I look at it, I don't think we have cleared the interaction between single mode sorting
and the group by feature of the grid.

@hanastasov @ChronosSF Maybe we should start discussing this before moving forward with this PR

[github-actions]

There has been no recent activity and this PR has been marked inactive.

[hanastasov]

Generally the code looks OK to me and according to expectation set from the spec. I found the following bugs we need to address:

• Sort indication is not refreshed

1. sort by multiple columns
2. Set sorting mode to single
3. result: column headers still have the sort css classes

• clearSort and sort methods do not refresh the grid

1. sort columns
2. grid.clearSort() does not refresh the grid state

OR

1. sort columns via API
2. grid is not refreshed

• Sorting via API changes the grouping expressions

1. group by column ContactTitle in ASC order
2. sort programatically the ContactTitle column by DESC order:
   grid.sort([{"dir": 2,
   "fieldName": "ContactTitle",
   "ignoreCase": true}])
3. Result: grouping expressions has changed

If sorting the column by clicking the sorting indicator whitin the chip in group area - DOES NOT change sorting expressions, which is expected.

• TO DISCUSS LATER:
  Story 6: As a developer, I want to be able to disregard the sorting MODE option, by working direcdtly with the API. Example: If sorting mode is single, I still want to be able to apply multiple sorting via API.

Doing that results in multiple columns sorted, but they lack the ordering number. To discuss - Shall we display numbering order now?

[hanastasov]

I remember putting this check on a purpose when record was coming as undefined. I will double check if we need it.