feat: new widget checkout design

[effie-ms]

Which Jira task is linked to this PR?

https://linear.app/lifi-linear/issue/EMB-299/restyle-widget-to-match-new-design

Why was it implemented this way?

Explain the reasoning behind the implementation. Were there alternative approaches? Why was this solution chosen?

Visual showcase (Screenshots or Videos)

If applicable, attach screenshots, GIFs, or videos to showcase the functionality, UI changes, or bug fixes.

Checklist before requesting a review

• I have performed a self-review and testing of my code.
• This pull request is focused and addresses a single problem.
• If this PR modifies the Widget API or adds new features that require documentation, I have updated the documentation in the public-docs repository.

[github-actions]

Hey! This is your new endpoint: https://b417042d.widget-featchecko.pages.dev

[github-actions]

Hey! This is your new endpoint: https://cbd8a274.widget-featchecko.pages.dev

[github-actions]

Hey! This is your new endpoint: https://91d27d45.widget-featchecko.pages.dev

[github-actions]

Hey! This is your new endpoint: https://539aa519.widget-featchecko.pages.dev

[github-actions]

Hey! This is your new endpoint: https://a2657fe6.widget-featchecko.pages.dev

[github-actions]

Hey! This is your new endpoint: https://559f3656.widget-featchecko.pages.dev

[github-actions]

Hey! This is your new endpoint: https://99a20b04.widget-featchecko.pages.dev

[github-actions]

Hey! This is your new endpoint: https://673f0a35.widget-featchecko.pages.dev

[github-actions]

Hey! This is your new endpoint: https://88efb58c.widget-featchecko.pages.dev

[github-actions]

Hey! This is your new endpoint: https://4e16d9ec.widget-featchecko.pages.dev