KOA-5072 Add BPKBadge to SwiftUI

[gert-janvercauteren]

We have created the SwiftUI version of the BPKBadge. This version also includes the newer 'strong' and 'normal' styles.

Light mode	Dark mode

• Check this if you have read and followed the contributing guidelines

Remember to include the following changes:

• README.md
• Tests
• Screenshotting code
• Adding a component? Remember to expose it in the main Backpack.h header file
• Docs (either update backpack-docs now, or create a follow up ticket)

If you are curious about how we review, please read through the code review guidelines

[frugoman]

not necessarily part of this pr, but may be nice to add an HStack init that accepts bpkspacing to allow for HStack(spacing: .sm)

[frugoman]

not sure what would happen (and what we want to happen) if the user has the font size set to Large on their phone. will the text grow and not the icon?

Think the best is to set height instead

[gert-janvercauteren]

Setting the min-height will allow the font to grow in the future.

We can also consider setting the height of the whole badge to 24, this follows design but will not allow for spacing or font adjustments.

[frugoman]

could we make it so that only the outline style adds an overlay?

If it'd be the case that a specific style adds an icon on the right, you wouldn't add it for every style and make it transparent, you would add it just in that case right?

open to debate it tho!

[frugoman]

I like this, but see my comment on the bpkbadge file

[frugoman]

I think this can be a @ViewBuilder, to remove the need for AnyView-ing
like this: https://www.swiftbysundell.com/articles/avoiding-anyview-in-swiftui/

@ViewBuilder
func outline(_ color: BPKColor?, cornerRadius: BPKCornerRadius) -> some View {
  if let color = color {
     self
  } else {
     ModifiedContent(..)
  }
}