Fenix: Show Synced Tabs in a separate tab on the tabs tray

[jonalmeida]

What is the user problem or growth opportunity you want to see solved?

Scrolling through open tabs to reach your Synced Tabs can cause scrolling fatigue. It can be bothersome to also find the tab you are looking for in a rather large list.

How do you know that this problem exists today? Why is this important?

The Synced Tabs list is at the bottom of the normal tabs in the tabs tray.

Who will benefit from it?

• Firefox Sync users.

Unsolved problems

• (UX) Do we show a tab icon when the user is not signed into Sync?
  
  
  
  • For now, I'm going to stick with showing it always since we have existing UX on what the screen will look like.
  
  

Dependant issues:

• [ ] Add ability to have non-browser tabs in the tabs tray #14969

UX designs and discussions

• See https://github.com/mozilla-mobile/fenix/issues/12287#issuecomment-675285951 for the user feedback and suggestions.
• UX design spec: goabstract.com (link)

[topotropic]

* (UX) Do we show a tab icon when the user is not signed into Sync?

@vesta0 that's your call, we could always show it to help people discover the feature easier and monitor usage data to inform future decissions; suggested design: https://share.goabstract.com/c6bd0c2f-8384-44f3-ba59-4946d8cea469?collectionLayerId=7f7dbd7e-f8ba-4a03-aecd-aeb989476bd0&mode=design

[liuche]

not sure why this issue isn't showing up in jira