refactor(icon-button): update component styles

[SisIvanova]

Closes #1165

Theming Package for testing - IgniteUI/igniteui-theming/pull/274

[sbayreva]

Fluent

1. (Light Mode ) Flat , active state icon button - when inspected the foreground says it is Primary 800 but actually there is no visible change of the foreground itself. (Tested with Figma color picker)

2. (Dark Mode ) Flat , active state icon button - when inspected the foreground says it is Primary 100 but actually there is no visible change of the foreground itself. (Tested with Figma color picker)

3. (Light Mode ) Flat button is on hover - there is no visible change for the foreground, even though when the element is inspected it says that the foreground is primary 600. (Tested with Figma color picker)

4. (Dark Mode ) Flat button is on hover - there is no visible change for the foreground, even though when the element is inspected it says that the foreground is primary 200. (Tested with Figma color picker)

[sbayreva]

Indigo

1. (Dark Mode) Contained icon button- the focus border should be primary 400 with 50% opacity not white with 20% opacity as it is now

2. (Light Mode) Outlined icon button- On Hover and Active states the color of the border should be grays. 600. There is a visual change but when inspected it says grays. 500

[andiesm813]

Indigo icon buttons looked good to me in light and dark modes. ✅✅

[sbayreva]

Fluent

1. (Light Mode ) Flat , active state icon button - when inspected the foreground says it is Primary 800 but actually there is no visible change of the foreground itself. (Tested with Figma color picker)

2. (Dark Mode ) Flat , active state icon button - when inspected the foreground says it is Primary 100 but actually there is no visible change of the foreground itself. (Tested with Figma color picker) 3. (Light Mode ) Flat button is on hover - there is no visible change for the foreground, even though when the element is inspected it says that the foreground is primary 600. (Tested with Figma color picker) 4. (Dark Mode ) Flat button is on hover - there is no visible change for the foreground, even though when the element is inspected it says that the foreground is primary 200. (Tested with Figma color picker)

All applied and verified!

[sbayreva]

Indigo

1. (Dark Mode) Contained icon button- the focus border should be primary 400 with 50% opacity not white with 20% opacity as it is now

2. (Light Mode) Outlined icon button- On Hover and Active states the color of the border should be grays. 600. There is a visual change but when inspected it says grays. 500

All applied and verified!