fix(Listbox): rtl mode

[PurwaShrivastava]

Motivation

RTL mode for the ListBox. This is to fix qlik-oss/sn-list-objects#82

Before: Title, Search Icon, Columns & Toolbar were not correctly aligned for Folded as well as normal ListBox.
Number Alignment was not correct & - sign for negative numbers shown backwards.

After: Attached Screenshots
Litbox Title, Search Glass & Columns with Numeric positive negative as well as String values in RTL mode :

Actions Toolbar in RTL Mode :

Folded ListBox in RTL Mode :

Requirements checklist

• Api specification
  • Ran yarn spec
    • No changes OR API changes has been formally approved
• Unit/Component test coverage
• Correct PR title for the changes (fix, chore, feat)

When build and tests have passed:

• Add code reviewers, for example @qlik-oss/nebula-core

[Caele]

• Look at adding a rendering test to cover the RTL case
• The current rendering tests should not change or?

I have updated the snapshots for rendering tests, have added unit tests for RTL case. Can look into adding rendering tests.

[Caele]

I have updated the snapshots for rendering tests, have added unit tests for RTL case. Can look into adding rendering tests.

I meant that the changes you have made should not affect the current rendering tests, so was there an intentional style update there somewhere or?

[PurwaShrivastava]

I have updated the snapshots for rendering tests, have added unit tests for RTL case. Can look into adding rendering tests.

I meant that the changes you have made should not affect the current rendering tests, so was there an intentional style update there somewhere or?

I have updated the snapshots for rendering tests, have added unit tests for RTL case. Can look into adding rendering tests.

I meant that the changes you have made should not affect the current rendering tests, so was there an intentional style update there somewhere or?

Have introduced a right padding for header.