fix(pivot): fixed row height to scale with headers

[tishko0]

Closes #14490 and #14810

Additional information (check all that apply):

• [x] 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

[mddragnev]

IF you open pivot-grid.sample in the dev samples and use

        <igx-pivot-grid
            #grid1
            [data]="origData"
            [width]="'800px'"
            [height]="'100%'"
            [superCompactMode]="size === 'superCompact'"
            [defaultExpandState]="true"
            [rowSelection]="'single'"
            [pivotConfiguration]="pivotConfigHierarchy"
        >
        <ng-template igxPivotValueChip let-value>
            {{ value.displayName }}
       </ng-template>
    </igx-pivot-grid>

You can see that it is still broken