chore: Use tailwind instead of inline styles

[a-3140]

Some notable changes that aren't 1:1 from inline styles to tailwind usage:

1. From padding-x: 30px -> px-8 ( px-8 is 32px )
2. height: 300px -> h-72 which is 288px
3. height: 120px -> h-32 which is 128px

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Improvement/refactoring (non-breaking change that doesn't add any feature but make things better)

[m0ksem]

Some notable changes that aren't 1:1 from inline styles to tailwind usage:

From padding-x: 30px -> px-8 ( px-8 is 32px )
height: 300px -> h-72 which is 288px
height: 120px -> h-32 which is 128px

It is OK. Thanks!

[a-3140]

Gotcha, will sync them all up.. :)

[a-3140]

I've been caught up with work.. will be able to finish this within the week.. I hope that's okay.. thanks.

[m0ksem]

I've been caught up with work.. will be able to finish this within the week.. I hope that's okay.. thanks.

Hi @a-3140. In case you are busy, we have another PR fixing this problem. I suggest finish some work in ui-elements folder, so @xiongmao86 can work on another sections (btw, he already did some work on another sections like services, ag-grid etc.)

[a-3140]

Apologies @m0ksem , took a while as I started on a new company and focused there on a bit..

I finished the MR now, it should be on top of the separate changes regarding the usage of tailwind. For notes on changes of couple of pixels, it's included in the description..

I'll mark it as ready for review now.. thanks.

[m0ksem]

@m0ksem, double check if text-[var(--va-danger)] can be replaced with text-danger.

[m0ksem]

@asvae, I did a QA. Looks solid, can be merged.

[asvae]

Checked several pages. Things look all right!

[a-3140]

Awesome. Thanks!