SWED-2521 fix progress-steps line 1st & last

[goldenraphti]

Jira ticket: https://payexjira.atlassian.net/browse/SWED-2521

Description

horizontal yellow line UI was buggy for 1st & last steps when in state selected & ongoing

also, whikle there, continue migration from LESS to pure CSS

Motivation and Context

How Has This Been Tested?

Screenshots (if appropriate):

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 change)

Checklist:

• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have read the CONTRIBUTING document.
• I have updated the CHANGELOG document.
• I have added tests to cover my changes.
• All new and existing tests passed.

Review instructions

Review instructions

[github-actions]

Size Change: +896 B (+0.08%)

Total Size: 1.16 MB

Filename	Size	Change
dist/designguide/styles/payex.css	51.5 kB	+210 B (+0.41%)
dist/designguide/styles/swedbankpay.css	49 kB	+226 B (+0.46%)
dist/styles/payex.css	51.5 kB	+210 B (+0.41%)
dist/styles/swedbankpay.css	49 kB	+226 B (+0.46%)

ℹ️ View Unchanged

Filename	Size	Change
dist/designguide/scripts/dg-dashboard.js	73.2 kB	0 B
dist/designguide/scripts/dg.js	24.9 kB	0 B
dist/designguide/styles/documentation-payex.css	10 kB	+3 B (+0.03%)
dist/designguide/styles/documentation-swedbankpay.css	9.12 kB	+9 B (+0.1%)
dist/scripts/3563.js	72.1 kB	0 B
dist/scripts/dg-dashboard.js	73.2 kB	0 B
dist/scripts/dg.js	24.9 kB	0 B
dist/scripts/payex.js	325 kB	0 B
dist/scripts/swedbankpay.js	325 kB	0 B
dist/styles/documentation-payex.css	10 kB	+3 B (+0.03%)
dist/styles/documentation-swedbankpay.css	9.12 kB	+9 B (+0.1%)

_{compressed-size-action}