fix(hierarchical grid): add richer data and a few new columns

[multignite]

Closes #3250

[hanastasov]

I see why it is done this way (setting it as string) and it works out nicely when you receive a string "true" from the query params. But imagine if one loads the url with the following params: "?dark=justSomeRandomString". You end up with unexpected values in your property.

In general, IMO, it is good to keep the value boolean, and the check whether it is a "true" string being moved from the template to the place where you set the value on line 21:

this.dark = params.dark === 'true' ? true : false;

If using this ternary operator seems verbose, depending on the case a Null coalescing operator or a Logical OR operator can be used.

[hanastasov]

Null coalescing operator serves a more specific purpose, so when I think about it the Logical OR operator would serve us best here.

OMG, i'm over complicating things :D we can go with only the === operator :D

[hanastasov]

After keeping the dark value boolean, you will be able to use a simpler expression here:

<div [ngClass]="{'grid__wrapper': true, 'dark-theme': dark }" style='width: 100%;'>

Then it seems even nicer to rename the constant to smth more descrptive, for example useDarkTheme, and then the template seems even more readable:

<div [ngClass]="{'grid__wrapper': true, 'dark-theme': useDarkTheme }" style='width: 100%;'>