Add 'Add new contact' flow to Contact screen

[hesterbruikman]

Issue within epic #7234

Problem

Currently there are two ways to add a new contact to Contacts:

• Inside a 1:1 chat, tap the Add to contacts bar at the top of the chat screen
• Tap on a username to view their Profile and tap Add to contacts

This does not accommodate the workflow of adding contacts to a phonebook without starting a chat.

Implementation

• Add a Add new contact button to the contact screen
• Allow search by ENS username
  Input here is a direct replica of the one we currently have in New Private Chat, but it does tell you if a name exists as you type and to which public key it maps to, so in a way it's doing a search after each letter you type

Designs on Figma

Acceptance Criteria

Follows designs on Figma

Notes

Adding contacts is not center stage in the UI as starting a chat does not require 'friending' or 'being contacts'. Contacts rather serves as a phonebook. Adding an explicit Add new contact button to the Contacts view, makes starting a chat easier for those under the impression that it is required.

Future Steps

Add remaining features to contact management as found in the design and epic #7234