Feature/drag drop improve

[PikachuEXE]

Pull Request Type

• Bugfix
• Feature Implementation
• Documentation
• Other

Related issue

DnD: #8681

#9469 wants scrolling speed & drag zone size enlarged (There is also spacing between video rows but that doesn't make sense to me coz it looks fine when videos are watched)

Description

• Increase drag scroll speed to 3x
• Increase drag zone height when window is high enough (breakpoints are set by usual height in 1024x768, 1080p, 2K, but feel free to suggest breakpoints/zone heights

zone height remained the same for width < 680px, see code comment for details

Screenshots

Height > 1440px

Height < 1440px

Height < 1024px

Height < 768px

Width > 680px

Width < 680px

Testing

Scroll speed: Ensure it's not too fast?

A. Grid Mode

• Test drag & drop with different heights (width > 680px), especially can drop to top/bottom row
• Test drag & drop width < 680px (force list mode), especially can drop to top/bottom row

B: List Mode
Same as (A)?

Desktop

• OS:
• OS Version:
• FreeTube version:

Additional context

To see drag area size you can add following style to src/renderer/components/AutoScrollWrapper/AutoScrollWrapper.css

.hotZone {
  background-color: rgba(255, 255, 0, 0.3);
}

[efb4f5ff-1298-471a-8973-3d47447115dc]

ill leave it up to you if you would like to change anything #9469 (comment)

[PikachuEXE]

Made some updates see #9469 (comment)

[efb4f5ff-1298-471a-8973-3d47447115dc]

Im wondering if we're sacrificing too much area for touch devices