Social Icons Block: let icons wrap

[cpapazoglou]

Description

Fixes #24026

• prevent overflowing by letting icons wrap
• in editor prevent toolbar from jumping

How has this been tested?

• Go to creating a new page
• Create a 2-columns block, where the left column is smaller than the right
• Add Social Icons block with 10 social icons in the left column
  Editor
• Notice that all icons are clickable and icons tend to wrap to the next row
  Frontend
• Notice that icons wrap to the next row instead of distorting

Screenshots

Icons not clickable

Before	After

Icons being distorted

Before	After

Types of changes

Checklist:

• My code is tested.
• My code follows the WordPress code style.
• My code follows the accessibility standards.
• My code has proper inline documentation.
• I've included developer documentation if appropriate.
• I've updated all React Native files affected by any refactorings/renamings in this PR.

[mapk]

From a design perspective, it's working great and solves #24026. Thanks! 👍

[aristath]

Code looks good 👍 Tested and works as expected, fixes the issue.