feat: replaced overflow hidden with clip in styles panel (#4203)

[victorchrollo14]

Description

closes ( #4203 )

• added a new crop svg to icons package and generated the cropIcon component.
• replaced the eye icon with the crop icon and also changed hidden to clip in the overflow toggle group.

Steps for reproduction

1. click button
2. expect xyz

Code Review

• hi @kof, I need you to do
  • conceptual review (architecture, feature-correctness)
  • detailed review (read every line)
  • test it on preview

Before requesting a review

• made a self-review
• added inline comments where things may be not obvious (the "why", not "what")

Before merging

• tested locally and on preview environment (preview dev login: 0000)
• updated test cases document
• added tests
• if any new env variables are added, added them to .env file

[istarkov]

Super, last 2 weeks I had 2 serious issues with hidden vs clip!!!

[istarkov]

The only issue is the builder and clipped content.
In case of hidden scroll on instance select is working, in case of clip there is no scroll.
So clipped content will always be invisible.

[kof]

@istarkov ohh, we actually have a use case with the slider where we use overflow hidden and scroll to the right image from the navigator thanks to overflow hidden.

[istarkov]

Same usecase ruined some animations if hidden is set ;)
Its a builder logic issue.

[istarkov]

What if only in the builder if element is selected we temporary replace clip on hidden for all ancestors. In case of no animations are in progress.

[kof]

What if only in the builder if element is selected we temporary replace clip on hidden for all ancestors. In case of no animations are in progress.

will probably sooner or later lead to a situation where something is broken in that particular state, e.g. if something relies on clip but hidden is used instead