fix: StatusIndicator spacing and flexbox bug

[nikola-nulogy]

• The default margin was eliminated by adding default margin props
• Typography and flexbox style props were added
• StatusIndicator was made more resilient in flexbox
• Documentation was updated

Changes include

• Bugfix (non-breaking change that solves an issue)
• New feature (non-breaking change that adds functionality)
• Breaking change (change that is not backwards-compatible and/or changes current functionality)
• Documentation only

Checklist

Please check all that apply.

• Storybook updated with examples of new functionality
• Storybook uses variable and realistic data (ex: short and long text)
• Docs updated with correct props and examples
• Updated and reviewed changes to storyshots
• e2e tests added for component interations
• jest tests added for component API that may not be captured with storyshots (change handlers, renderers etc)
• Accessibility (includes relevant tags, keyboard functionality, colour contrast)

Before Merging

• Tested storybook deployment preview
• Tested docs deployment preview