fix: refactor contact add

[limpbrains]

Description

• upgrade synonymdev/slashtags-url
• refactor contact add form so that user can type slash url + relay

Linked Issues/Tasks

Type of change

Bug fix

Tests

Detox test

[pwltr]

Couple of findings:

• In the design the text has the brand color on error state

• The field is overlaying the button when a valid url is passed

• There is a slight layout shift when the error message appears
• I think the paste button shouldn't require pressing 'Add' again if the url was valid
• The position for the error text is a bit suboptimal when it comes to multi-lang support. Quickly tested german text and it wouldn't fit in one row together with the label on the left.

[limpbrains]

In the design the text has the brand color on error state
The field is overlaying the button when a valid url is passed
There is a slight layout shift when the error message appears
I think the paste button shouldn't require pressing 'Add' again if the url was valid

fixed

The position for the error text is a bit suboptimal when it comes to multi-lang support. Quickly tested german text and it wouldn't fit in one row together with the label on the left.

Agree. I've added text wrap. Now if error message doesn't fit, it will appear on the new line