feat(bal-footer): add social media links

[mladenplaninicic]

Closes #968

Acceptance Criteria

• Design Review by @Gagne87, @clastzoo
• Technical Review by @hirsch88, @mladenplaninicic
• Style Guide Review @hirsch88, @mladenplaninicic
• Visual test done by @hirsch88, @mladenplaninicic, @Gagne87, @clastzoo
• Functional test done by @hirsch88, @mladenplaninicic
• Browser Testing by @hirsch88, @mladenplaninicic, @Gagne87, @clastzoo
  • Desktop
    • Chrome
    • Edge
    • Safari
    • Firefox
  • Tablet
    • iPad (Landscape / Portrait)
  • Mobile
    • Safari iOS
    • Chrome Preview

[changeset-bot[bot]]

🦋 Changeset detected

Latest commit: 72af49c57c5ba8541ac34569cd7a6869978def61

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 14 packages

| Name | Type | | -------------------------------------------- | ----- | | @baloise/design-system-components | Minor | | @baloise/design-system-components-angular | Minor | | @baloise/design-system-components-react | Minor | | @baloise/design-system-components-table | Minor | | @baloise/design-system-components-vue | Minor | | @baloise/design-system-testing | Minor | | @baloise/design-system-css | Minor | | @baloise/design-system-favicons | Minor | | @baloise/design-system-fonts | Minor | | @baloise/design-system-icons | Minor | | @baloise/design-system-tokens | Minor | | @baloise/design-system-output-target-angular | Minor | | @baloise/design-system-output-target-react | Minor | | @baloise/design-system-output-target-vue | Minor |

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated
design-system	✅ Ready (Inspect)	Visit Preview	💬 Add your feedback	Mar 15, 2023 at 3:52PM (UTC)

[hirsch88]

• [x] use .is-link.is-inverted
• [x] create new is-light class only for is-link to set font weight to regular and remove the border line and use text as family
• [x] place content between logo and links
• [x] change storybook example to full screen
• [x] on mobile set padding top to 0.5rem
• [x] use same color for hover and active like the inverted link

[hirsch88]

• [x] at mobile remove the padding left and right of the social icons and center it

[hirsch88]

• [x] set default values for the storybook controls

[hirsch88]

• [x] remove user select for balance-footer
• [x] inverted yellow focus for bal-select
• [x] adjust hover and active color for inverted list-items

[hirsch88]