fix: scroll dropdown listing in hidden fields

[harshrajeevsingh]

Fixes: #8716

Screencast.from.2024-11-25.22-06-24.webm

[greptile-apps]

PR Summary

This change adds a ScrollWrapper component to the dropdown menu in RecordTableHeaderPlusButtonContent to enable scrolling when there are numerous hidden fields in the dropdown list.

• Added ScrollWrapper in /packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderPlusButtonContent.tsx to fix dropdown overflow issues
• Ensures dropdown content remains within viewport while allowing scrolling for long lists of hidden fields

_{1 file(s) reviewed, no comment(s)
Edit PR Review Bot Settings | Greptile}

[lucasbordeau]

The problem has been fixed for all dropdowns.

I changed the size middleware so it calls fluchSync because modifying the DOM directly was preventing other components from detecting the change of height.

Since it is called only in case of resizing the window or other components, it's ok.

[github-actions]

Thanks @harshrajeevsingh for your contribution!
This marks your 21st PR on the repo. You're top 2% of all our contributors 🎉
See contributor page - Share on LinkedIn - Share on Twitter