[G2M] Progress Indicator

[Hamaad102]

Adds #132

[Progress Indicator]

• Reworked current implementation of Process Indicator to look more in line with the design
• Added optional size prop to allow easy responsive resizing of component

Before:

After:

• Implemented vertical process bar

Current:

• Added optional props to provide captions for each step

Current:

[File Indicator]

• Modified the progress bar to serve as a file indicator
• Optional props allow for information pertaining to file size, name and time remaining for download to be displayed

Current:

• Also, able to display errors through optional props

Current:

[Step Indicator]

• Implemented the step indicator
• Added optional size prop to allow easy responsive resizing of component

Current:

[github-actions[bot]]

📚 Storybook preview (updated to 2596cd9597e2003e15767903c28038960cc8056f)

[Hamaad102]

Looks great, and interactions are great! On the horizontal/vertical version, the "bar" in between steps looks very thin, let me know if this follows the design and if so, I will update the design to increase this sizing. Thank you!

Yup you're right, the line is thinner. This is what it looks like now with the correct size:

[vlatawiec]

Looks great, and interactions are great! On the horizontal/vertical version, the "bar" in between steps looks very thin, let me know if this follows the design and if so, I will update the design to increase this sizing. Thank you!

Yup you're right, the line is thinner. This is what it looks like now with the correct size:

Perfect! Thanks for the update