Feature/new capturing layout

[eb-so]

Ticket Loom1 Loom2

• [x] New widget form bottom sheet where you can add
  • [x] Name
  • [x] Widgetype
  • [x] Visibilty
• [x] Hold and wait to show a popup menu with these options
  • [x] Edit to edit the widget name and visibilty
  • [x] Remove to remove the widget
• [x] Hold and drag to change the widget position
• [x] Added a text that show the current route and it has red point that indicate the route is already captured
• [x] Test the app on a tablet and adjust the bottom sheet size accordingly
• [x] Test on app with dark background and added a light shadow to increase the bottom sheet contrast

[github-actions[bot]]

⚙ Automated Unit Test Result ⚙

All Tests Passed: failure

[github-actions[bot]]

⚙ Automated Unit Test Result ⚙

All Tests Passed: failure

[github-actions[bot]]

⚙ Automated Unit Test Result ⚙

All Tests Passed: failure

[eb-so]

I agree that it's not consistent with the Testsweets app design however the goal behind this change was to reduce the blockage of the client app by making the captured widgets uses outlines.

the outline buttons was a result of that but If you don't like them we can use fill buttons

About the nullable proberties I'll see what I can do

[eb-so]

@FilledStacks Is that better ?

[github-actions[bot]]

⚙ Automated Unit Test Result ⚙

All Tests Passed: failure

[eb-so]

I'm not fully satisfied either but I think the new UX is far better than the old one