chore: add "use client" directive in components where it's needed

[layershifter]

This PR fixes #4433.

• Adds babel-plugin-transform-next-use-client to add "use client" directive on top of files that use hooks or APIs that are client only
• Changes import React to import * as React to be compatible with the plugin
• Removes .defaultProps from Portal, missed it in chore: remove usage of deprecated .defaultProps #4449

⚠️ Heads up

Next.js does not support List.Item syntax i.e. ListItem works List.Item does not 💥 There is an issue related to the problem (vercel/next.js#44389), however with current implementation I don't believe that it's solvable on their side. I will create a follow-up PR to update examples to not reference that syntax.

[github-actions]

size-limit report

Path	Size
bundle-size/dist/Button.size.js	53.86 KB (-0.3% 🔽)
bundle-size/dist/Icon.size.js	27.34 KB (-0.06% 🔽)
bundle-size/dist/Image.size.js	49.45 KB (-0.28% 🔽)
bundle-size/dist/Modal.size.js	62.32 KB (-0.36% 🔽)
bundle-size/dist/Portal.size.js	37.12 KB (-0.21% 🔽)

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (8700e57) 99.50% compared to head (7921437) 99.50%.

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #4452      +/-   ##
==========================================
- Coverage   99.50%   99.50%   -0.01%     
==========================================
  Files         186      186              
  Lines        3466     3465       -1     
==========================================
- Hits         3449     3448       -1     
  Misses         17       17              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.