feat: MP closes on scroll down

[LunrEclipse]

Description

Adds features to have Mini Portfolio close when users on mobile scroll down.

Adds an event listener to AccountDrawer to see if a user swipes down and if so, will trigger toggleWalletDrawer to close the Mini Portfolio.

Linear ticket: WEB-1801

Screen capture

Before

Screen.Recording.2023-06-01.at.3.40.12.PM.mov

After

Screen.Recording.2023-06-02.at.3.24.56.PM.mov

Test plan

QA (ie manual testing)

• Manually testing on mobile (or web simulator) to make sure that swipe downs properly close the drawer

Automated testing

• Unit test N/A

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
interface	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 17, 2023 8:57pm
interface-node18	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 17, 2023 8:57pm

[cypress]

Passing run #12772 ↗︎

0

89

6

0

0

Details:

feat: MP closes on scroll down
Project: Uniswap Interface	Commit: a9aeea98ea
Status: Passed	Duration: 04:40 💡
Started: Jul 17, 2023 9:00 PM	Ended: Jul 17, 2023 9:04 PM

_{This comment has been generated by cypress-bot as a result of this project's GitHub integration settings.}

[infredible]

Tested this on my iphone and I'm seeing some issues. The sensitivity seems to be a bit off which causes some jittery behavior. If the app is registering my gesture to pull down the sheet, the sheet should track the movement of my finger.

In the second video, you can also see that sometimes the content in the sheet will get stuck in a scrolled state.
https://github.com/Uniswap/interface/assets/3887562/9b284595-cf0b-4cd4-9ba7-393beae8adf6
https://github.com/Uniswap/interface/assets/3887562/f5ac5fae-b90f-4b0b-b960-87504af22ddd

[codecov]

Codecov Report

Merging #6682 (a9aeea9) into main (95f6148) will increase coverage by 8.74%.
The diff coverage is 16.12%.

Flag	Coverage Δ
e2e-tests	61.94% <16.12%> (+4.30%)	⬆️
unit-tests	29.59% <0.00%> (-0.04%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

[zzmp]

Looks good! Can you just add comments within the useGesture so it's more apparent what the logic there is doing?

[cartcrom]

I'm unfortunately still getting the scrolling/sliding at the same time behaviour I sent to you on slack, on mobile chrome and safari