Progress bar: aligned progress bar height with the figma design

[akashyeole]

By creating this pull request you agree to the terms in CONTRIBUTING.md.
https://github.com/Infineon/.github/blob/master/CONTRIBUTING.md
--- DO NOT DELETE ANYTHING ABOVE THIS LINE ---

Description
Changed the height of progress bar from 16px to 20px to comply with figma design.

Related Issue
#1384

📦 Published PR as canary version: 24.0.2--canary.1386.daea9b3c0cba8d3478d544fde473e67c3e7beb00.0

✨ Test out this PR locally via:

npm install @infineon/infineon-design-system-stencil@24.0.2--canary.1386.daea9b3c0cba8d3478d544fde473e67c3e7beb00.0
# or 
yarn add @infineon/infineon-design-system-stencil@24.0.2--canary.1386.daea9b3c0cba8d3478d544fde473e67c3e7beb00.0

[github-actions]

PR Preview Action v1.4.7
Preview removed because the pull request was closed.
2024-07-24 12:28 UTC

[github-actions]

--STORYBOOK-PREVIEW--

• PR Preview URL for Storybook: https://Infineon.github.io/infineon-design-system-stencil/pr-preview/pr-1386/

[tishoyanchev]

@akashyeole
Can you try to optimize the code?
Eg: label prop is not used. The SCSS is a bit chaotic. The label class is used twice inside the stylesheet, and generally there is no need to set the height of the label.
Also, not sure, but I feel that all these conditions that render the label are not needed, or at least not all of them. Please look into it.

[github-actions]

--EXAMPLE-APPS-PREVIEW--
PR Preview URLs:

• Vue example: https://Infineon.github.io/infineon-design-system-stencil/pr-preview-vue-example/pr-1386/
• React example: https://Infineon.github.io/infineon-design-system-stencil/pr-preview-react-example/pr-1386/
• Angular example: https://Infineon.github.io/infineon-design-system-stencil/pr-preview-angular-example/pr-1386/
• Vanilla example: https://Infineon.github.io/infineon-design-system-stencil/pr-preview-vanilla-example/pr-1386/