Addressbook restyle tweaks 🎉

[smk762]

Crashing:

• [x] Found on Windows 10:

  1. create any contact
  2. edit this contact -> delete the name, like "", nothing
  3. press the "confirm" button
  4. edit this contact -> enter any name
  5. press the "confirm" button ==> application crashed D': logs: 2022-05-13-16-08-26.log

• [x] When clicking "send" button for smartchain, app crashes. In this case, user should be given a pop-up list of smartchains to complete the selection.

https://user-images.githubusercontent.com/35845239/168439634-e48e4d3c-6301-4e84-91f5-7e51462f786c.mp4

https://user-images.githubusercontent.com/35845239/168439631-58889c80-0f57-4774-97a9-088731b25ef4.mp4

[22:16:06] [error] [mm2.service.cpp:501] [35910]: error answer for tx or my_balance: {
    "error": "rpc:211] dispatcher_legacy:160] lp_coins:1419] No such coin: Smart Chain"
}
[22:16:06] [error] [main.prerequisites.hpp:112] [35899]: stacktrace:  0# signal_handler(int) at main.cpp:?
 1# 0x00007F30EB7D50C0 in /lib/x86_64-linux-gnu/libc.so.6
 2# atomic_dex::wallet_page::get_ticker_infos() const in ./atomicdex-desktop
 3# atomic_dex::wallet_page::qt_static_metacall(QObject*, QMetaObject::Call, int, void**) in ./atomicdex-desktop
 4# 0x00007F30EE2719CE in /home/smk762/Downloads/atomicdex-desktop-ubuntu-qt-5-15-2-abook.zip/atomicdex-desktop-linux-0603cb0/AntaraAtomicDexAppDir/usr/bin/../lib/libQt5Qml.so.5
 5# 0x00007F307022DFBF

[smk762]

Bugs

• [ ] There is a bug with the name. After some actions, the name of another contact is entered in the "name" field for other contacts. Perhaps the cause of crash Item 1. (@Canialon) exploring it.

• [x] Unexpected behaviour when using send button on coins which are not enabled. In this case, I would expect a pop up to enable the coin, and if cancelling the enable, it should not appear as the selected coin in wallet screen afterwards.

https://user-images.githubusercontent.com/35845239/168439740-0be7e672-2eff-4b1e-b65f-31e220493500.mp4

• [x] No icon for Smartchain / BEP20 / ERC20 etc. and options not visible in address selection drop down. If editing a "smart address" entry, the dropdown reverts to LTC.

https://user-images.githubusercontent.com/35845239/168439752-bfea66d5-64a6-4fdb-b1c7-0cdf7fb60f3e.mp4

• [x] Contact address list not shown in main screen after adding (If switching tabs to wallet and back, they are seen)

https://user-images.githubusercontent.com/35845239/168439786-441385d2-ba26-4dde-aa5c-07cbfc72df3f.mp4

• [x] Edit state is not reset when switching contacts

https://user-images.githubusercontent.com/35845239/168439806-bac486d3-e42f-4d65-a0cd-ed98138f3ab5.mp4

[smk762]

Layout / Components

• [x] There is too much empty space, under the contacts with addresses

• [x] Error message would be good to be centered between buttons and inputs, and perhaps center aligned.

• [x] Add horizontal center alignment to elements

• [x] Reduce spacing between address entries

https://user-images.githubusercontent.com/35845239/168439838-e7d4e04b-cf0b-4c3b-afb5-690c3ff2f4d0.mp4

• [x] "Contact name" field. I can't start typing immediately after pressing the "+new contact" button. Input gives no indicator when focused (i.e. blinking cursor or slight background / border change)

• [ ] Contact name edit input would be nice to use similar to the notes input on sent transactions:

• [x] Address input fields should be renamed to Label and Address. Using "field" and "key" might confuse grandma.

• [x] Buttonize the edit / delete buttons on main page

[smk762]

UX

• [x] Add a "do you confirm?" pop up when clicking delete for a contact.

• [x] Streamline new contact creation

  
  And I am a little bit unsure about this way to create a new contact. I mean when  I press
  the "+new contact" button, I expect to see a big window where I can add the name of the
  contact, and add some address and tags. But now to do that I must:

• create a contact name

• find this contact among other contacts

• press the "edit" button

• only then I can add some addresses.

It's really annoying to do so many steps. So, is it possible to show the "edit contact" window after pressing the "+new contact" button to avoid unnecessary actions?

- [x] The `Label: Address` format used on main age could also be used on the edit contact page. This would allow for more addresses visible in the scrolling area. A space should be added after the `:` to allow for wordwrap if long label/address needing extra line.
![image](https://user-images.githubusercontent.com/35845239/168432216-279191c5-ec5e-4952-8be1-e7e16515a8a3.png)
![image](https://user-images.githubusercontent.com/35845239/168432254-ff98aacd-f2f9-4363-91fc-034c7606ede5.png)

- [x] Tags background is difficult to see (make tags colorful)
![image](https://user-images.githubusercontent.com/35845239/168429434-25bb79a6-08c8-44ba-9015-e93146ef8858.png)
![image](https://user-images.githubusercontent.com/77272165/168334937-b688fce9-f08b-4432-a807-f26241e75f0d.png)

- [x] If no tags for entry, leave area blank (on main page). 

- [ ]  A slight change to background color of address list area like below might be a good idea, along with a "There are no saved addresses for this contact" message if no addresses in list. Same for tags area, along with a `no tags for this contact` message if no tags are set. Similar to below:
![image](https://user-images.githubusercontent.com/35845239/168430372-485fc62f-631b-4143-9496-32b1a7407b59.png)

[smk762]

Enhancements ~It would be cool to be able to add addresses to the addressbook via a button next to addresses on transaction details modal.~ Moved to https://github.com/KomodoPlatform/atomicDEX-Desktop/issues/1781

• [x] Coin selection dropdown might benefit from slightly different background and adding a search field.

• [ ] Rather than an "+ Add" button below the scrollable, address list, we could make a small + button to the right of the Address list title. Same applies for the Tags title. These changes would almost double the available space for the scrollable address list area. e.g.

[ghost]

• Coin selection dropdown might benefit from slightly different background and adding a search field.

We should not use different colors when component has already one defined in themes, it will make the application harder to maintain accross other themes

In that case reducing dropdown height should be sufficient

+1 for the searchbar

[ghost]

• It would be cool to be able to add addresses to the addressbook via a button next to addresses on transaction details modal.

Not directly related to addressbook, should be put in another issue