feat: release drag drop styling

[fairlighteth]

Summary

• Replaces drag and drop to have a touch supporting drag and drop library
• General styling
• Introduce numbering

Screen.Recording.2024-09-16.at.16.12.10.mov

[vercel]

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

Name	Status	Preview	Updated (UTC)
cosmos	✅ Ready (Inspect)	Visit Preview	Sep 17, 2024 9:25am
cowfi	✅ Ready (Inspect)	Visit Preview	Sep 17, 2024 9:25am
explorer-dev	✅ Ready (Inspect)	Visit Preview	Sep 17, 2024 9:25am
swap-dev	✅ Ready (Inspect)	Visit Preview	Sep 17, 2024 9:25am
widget-configurator	✅ Ready (Inspect)	Visit Preview	Sep 17, 2024 9:25am

[socket-security]

No dependency changes detected. Learn more about Socket for GitHub ↗︎

👍 No dependency changes detected in pull request

[fairlighteth]

The library also supports multi select/drag: https://sortablejs.github.io/Sortable/#multi-drag

But keeping it out of scope for this one

[elena-zh]

Hey @fairlighteth , the build has been cancelled. Was it done intentionally? If no, could you please retrigger it?

[fairlighteth]

@elena-zh build fixed now!

[shoom3301]

@fairlighteth it looks amazing now!
Btw, I see Tenderly simulation block is missing. Are you going to redesign it in this PR?

[fairlighteth]

@shoom3301 will be addressed in a separate PR

[elena-zh]

Hey @fairlighteth , great, thank you for improving this!

I'm approving the PR, however, I should let you know that there are still some style related issues reported in #4662:

• 2. It would be great to add simple FE validation into the fields on the Add hook fields (plus enhance the UI of these fields)

• 5. it would be great to change colors for fields in the dark mode
  

• 6. No bottom border radius for a hook description in a mobile view. Overall, it would be great to improve responsive views
  

• 7. arrow to go back from a hook details is not clickable in a mobile view
  

• 8. when I start typing into a custom hooks field, the app is auto-focused in a mobile device
  
  

• 9. General UI issues in a mobile view:
  
  

It would be great if you take a look at them :)