Remove inline styles ("style={{ ... }}" attribute)

[ani-kalpachka]

Describe the feature you'd like to request

We should remove the inlined "style={{}}" attribute from our code.

• It happened to cause unwanted behaviour.
• We need to be consistent in the way we apply styles. Currently we do it with styled (https://mui.com/system/styled/) or with the sx property (https://mui.com/system/getting-started/the-sx-prop/).
• It is not cosidered a good practice in sense of maintainability, reusability, performance, consistency, caching, speed, debugging.
• It is generally considered outdated.

Describe the solution you'd like

We can use styled and sx prop to adhere to the Material UI best practices of styling.

[katina-anachkova]

please, assign me to this task, i am starting work on it.