[Bug] Need scrolling in Board Page

[ChiragKr04]

Describe the bug In Board page we cannot scroll if screen width is smaller.

To Reproduce Steps to reproduce the behavior:

1. Create new Board page.
2. Shrink the app width.
3. Now other cards are not visible.

Expected behavior There should be scrolling behaviour, just like in Grid page.

Screenshots Cannot scroll to see other cards.

Desktop (please complete the following information):

• OS: Windows 11
• App version: Latest

[Dev-Owl]

If you wrap the AppFlowyBoard Widget in a Scrollbar Widget you get the requested scrollbar (you might want to set thumbVisibility to true to always show it). What doesn't work out of the box is dragging an item to the edge of the screen and scroll.

[annieappflowy]

Not working on Windows 11 pro Maybe I haven't learnt how to trigger the horizontal scroll

https://github.com/AppFlowy-IO/AppFlowy/assets/12026239/6e82591e-ee64-4e52-b951-d314a9fbeb6a

[Xazin]

We discussed it shortly on discord before the PR was merged, but the horizontal scrollbar should always be visible, and it should fit the design.

The scrollbar should be created using StyledScrollbar see appflowy_flutter\packages\flowy_infra_ui\lib\style_widget\scrolling\styled_scroll_bar.dart.

The API for it includes the autoHideScrollbar, it defaults to true, in this case it should be false.

PS. You can use Shift + Scrollwheel for horizontal scrolling.

[annieappflowy]

Shift + mouse scroll works!