updating handle format of contact

net/web/src/constants/Colors.js

@@ -47,7 +47,7 @@ export const LightTheme = {
   modalArea: '#eeeeee',
   itemArea: '#f4f4f4',
   inputArea: '#ffffff',
-  hoverArea: '#efefef',
+  hoverArea: '#cccccc',
   noticeArea: '#8fbea7',
   selectedArea: '#e8e8e8',
   enabledArea: '#448866',
@@ -76,7 +76,7 @@ export const DarkTheme = {
   modalArea: '#444444',
   itemArea: '#222222',
   inputArea: '#000000',
-  hoverArea: '#2f2f2f',
+  hoverArea: '#555555',
   noticeArea: '#8fbea7',
   selectedArea: '#333333',
   enabledArea: '#448866',

net/web/src/session/cards/useCards.hook.js

@@ -64,7 +64,7 @@ export function useCards() {
       const node = profile?.node;
       const seal = profile?.seal;
       const token = detail?.token;
-      const handle = profile?.node ? `${profile.handle}@${profile.node}` : profile.handle;
+      const handle = profile?.node ? `${profile.handle}/${profile.node}` : profile.handle;
       const logo = profile?.imageSet ? card.actions.getCardImageUrl(item.id) : null;
       return { cardId, guid, updated, offsync, status, name, node, token, handle, logo, seal };
     });

todo

@@ -3,13 +3,7 @@ contact:
   - translation
   - detail layout
   - action buttons
-
-cards: 
-  - dark style
-  - translation
-  - alert name overlay
-  - @ symbol
-  - remove back
+  - show sync error message
 
 listing:
   - dark style