Login Per Site UI (#7368)

* LoginPerSite original UI changes to keep

* First commit

* Get necessary connected tab info for redirect and icon display for permissioned sites

* Fix up designs and add missing features

* Some lint fixes

* More lint fixes

* Ensures the tx controller + tx-state-manager orders transactions in the order they are received

* Code cleanup for LoginPerSite-ui

* Update e2e tests to use new connection flow

* Fix display of connect screen and app header after login when connect request present

* Update metamask-responsive-ui.spec for new item in accounts dropdown

* Fix approve container by replacing approvedOrigins with domainMetaData

* Adds test/e2e/permissions.spec.js

* Correctly handle cancellation of a permissions request

* Redirect to home after disconnecting all sites / cancelling all permissions

* Fix display of site icons in menu

* Fix height of permissions page container

* Remove unused locale messages

* Set default values for openExternalTabs and tabIdOrigins in account-menu.container

* More code cleanup for LoginPerSite-ui

* Use extensions api to close tab in permissions-connect

* Remove unnecessary change in domIsReady() in contentscript

* Remove unnecessary private function markers and class methods (for background tab info) in metamask-controller.

* Adds getOriginOfCurrentTab selector

* Adds IconWithFallback component and substitutes for appropriate cases

* Add and utilize font mixins

* Remove unused  method in disconnect-all.container.js

* Simplify buttonSizeLarge code in page-container-footer.component.js

* Add and utilize getAccountsWithLabels selector

* Remove console.log in ui/app/store/actions.js

* Change last connected time format to yyyy-M-d

* Fix css associated with IconWithFallback change

* Ensure tracked openNonMetamaskTabsIDs are correctly set to inactive on tab changes

* Code cleanup for LoginPerSite-ui

* Use reusable function for modifying openNonMetamaskTabsIDs in background.js

* Enables automatic switching to connected account when connected domain is open

* Prevent exploit of tabIdOriginMap in background.js

* Remove unneeded code from contentscript.js

* Simplify current tab origin and window opener logic using remotePort listener tabs.queryTabs

* Design and styling fixes for LoginPerSite-ui

* Fix permissionHistory and permission logging for eth_requestAccounts and eth_accounts

* Front end changes to support display of lastConnected time in connected and permissions screens

* Fix lint errors

* Refactor structure of permissionsHistory

* Fix default values and object modifications for domain and permissionsHistory related data

* Fix connecting to new accounts from modal

* Replace retweet.svg with connect-white.svg

* Fix signature-request.spec

* Update metamask-inpage-provider version

* Fix permissions e2e tests

* Remove unneeded delay from test/e2e/signature-request.spec.js

* Add delay before attempting to retrieve network id in dapp in ethereum-on=.spec

* Use requestAccountTabIds strategy for determining tab id that opened a given window

* Improve default values for permissions requests

* Add some message descriptions to app/_locales/en/messages.json

* Code clean up in permission controller

* Stopped deep cloning object in mapObjectValues

* Bump metamask-inpage-provider version

* Add missing description in app/_locales/en/messages.json

* Return promises from queryTabs and switchToTab of extension.js

* Remove unused getAllPermissions function

* Use default props in icon-with-fallback.component.js

* Stop passing  to permissions controller

* Delete no longer used clear-approved-origins modal code

* Remove duplicate imports in ui/app/components/app/index.scss

* Use URL instead of regex in getOriginFromUrl()

* Add runtime error checking to platform, promise based extension.tab methods

* Support permission requests from external extensions

* Improve font size and colour of the domain origin on the permission confirmation screen

* Add support for toggling permissions

* Ensure getRenderablePermissionsDomains only returns domains with exposedAccount caveat permissions

* Remove unused code from LoginPerSite-ui branch

* Ensure modal closes on Enter press for new-account-modal.component.js

* Lint fix

app/_locales/am/messages.json

@@ -1,25 +1,13 @@
 {
-  "privacyModeDefault": {
-    "message": "የግላዊነት ኩነት አሁን በንቡር ነቅቷል"
-  },
   "chartOnlyAvailableEth": {
     "message": "ቻርት የሚገኘው በ Ethereum አውታረ መረቦች ላይ ብቻ ነው።"
   },
-  "confirmClear": {
-    "message": "የተፈቀዱ ድረ ገጾችን ለማጥራት እንደሚፈልጉ እርግጠኛ ነዎት?"
-  },
   "contractInteraction": {
     "message": "የግንኙነት ተግባቦት"
   },
   "reject": {
     "message": "አይቀበሉ"
   },
-  "providerRequest": {
-    "message": "$1ከመለያዎ ጋር ለመገናኘት ይፈልጋል"
-  },
-  "providerRequestInfo": {
-    "message": "ይህ ድረ ገጽ የእርስዎን መለያ ወቅታዊ አድራሻ ለማየት እየጠየቀ ነው። ምንጊዜም ግንኙነት የሚያደርጉባቸውን ድረ ገጾች የሚያምኗቸው መሆኑን ያረጋግጡ።"
-  },
   "about": {
     "message": "ስለ"
   },
@@ -362,9 +350,6 @@
   "directDepositEtherExplainer": {
     "message": "ቀደም ሲል የተወሰነ Ether ካለዎት፣ በአዲሱ ቋትዎ Ether ለማግኘት ፈጣኑ መንገድ ቀጥተኛ ተቀማጭ ነው።"
   },
-  "dismiss": {
-    "message": "አሰናብት"
-  },
   "done": {
     "message": "ተጠናቅቋል"
   },

app/_locales/ar/messages.json

@@ -1,25 +1,13 @@
 {
-  "privacyModeDefault": {
-    "message": "يتم تمكين وضع الخصوصية الآن بشكل افتراضي"
-  },
   "chartOnlyAvailableEth": {
     "message": "الرسم البياني متاح فقط على شبكات إيثيريوم."
   },
-  "confirmClear": {
-    "message": "هل أنت متأكد من أنك تريد مسح المواقع المعتمدة؟"
-  },
   "contractInteraction": {
     "message": "التفاعل على العقد"
   },
   "reject": {
     "message": "رفض"
   },
-  "providerRequest": {
-    "message": "يرغب $1 في الاتصال بحسابك"
-  },
-  "providerRequestInfo": {
-    "message": "يطلب هذا الموقع حق الوصول لعرض عنوان حسابك الحالي. تأكد دائماً من ثقتك في المواقع التي تتفاعل معها."
-  },
   "about": {
     "message": "حول"
   },
@@ -362,9 +350,6 @@
   "directDepositEtherExplainer": {
     "message": "إذا كان لديك بالفعل بعض الأثير، فإن أسرع طريقة للحصول على الأثير في محفظتك الجديدة عن طريق الإيداع المباشر."
   },
-  "dismiss": {
-    "message": "رفض"
-  },
   "done": {
     "message": "تم"
   },

app/_locales/bg/messages.json

@@ -1,25 +1,13 @@
 {
-  "privacyModeDefault": {
-    "message": "Режимът на поверителност вече е активиран по подразбиране"
-  },
   "chartOnlyAvailableEth": {
     "message": "Диаграмата е достъпна само в мрежи на Ethereum."
   },
-  "confirmClear": {
-    "message": "Сигурни ли сте, че искате да изчистите одобрените уебсайтове?"
-  },
   "contractInteraction": {
     "message": "Взаимодействие с договор"
   },
   "reject": {
     "message": "Отхвърляне"
   },
-  "providerRequest": {
-    "message": "$1 би искал да се свърже с вашия акаунт"
-  },
-  "providerRequestInfo": {
-    "message": "Този сайт иска достъп за преглед на адреса на текущия ви акаунт. Винаги се уверявайте, че се доверявате на сайтовете, с които взаимодействате."
-  },
   "about": {
     "message": "Информация"
   },
@@ -362,9 +350,6 @@
   "directDepositEtherExplainer": {
     "message": "Ако вече имате някакъв етер, най-бързият начин да получите етер в новия си портфейл е чрез директен депозит."
   },
-  "dismiss": {
-    "message": "Отхвърляне"
-  },
   "done": {
     "message": "Готово"
   },

app/_locales/bn/messages.json

@@ -1,25 +1,13 @@
 {
-  "privacyModeDefault": {
-    "message": "গোপনীয়তার মোড এখন ডিফল্ট হিসাবে সক্রিয় করা আছে"
-  },
   "chartOnlyAvailableEth": {
     "message": "শুধুমাত্র Ethereum নেটওয়ার্কগুলিতে চার্ট উপলভ্য। "
   },
-  "confirmClear": {
-    "message": "আপনি কি অনুমোদিত ওয়েবসাইটগুলি মুছে পরিস্কার করার বিষয়ে নিশ্চিত?"
-  },
   "contractInteraction": {
     "message": "কন্ট্র্যাক্ট বাক্যালাপ"
   },
   "reject": {
     "message": "প্রত্যাখ্যান"
   },
-  "providerRequest": {
-    "message": "$1 আপনার অ্যাকাউন্টের সাথে সংযোগ করতে চায়"
-  },
-  "providerRequestInfo": {
-    "message": "এই সাইটটি আপনার বর্তমান অ্যাকাউন্টের ঠিকানা দেখার অ্যাক্সেসের জন্য অনুরোধ জানাচ্ছে। সবসময় নিশ্চিত হয়ে নেবেন যে আপনি যে সাইটের সাথে যোগাযোগ করছেন সেটি বিশ্বাসযোগ্য কিনা।"
-  },
   "about": {
     "message": "সম্পর্কে"
   },
@@ -362,9 +350,6 @@
   "directDepositEtherExplainer": {
     "message": "আপনার ইতিমধ্যে কিছু ইথার থেকে থাকলে আপনার নতুন ওয়ালেটে ইথার পাওয়ার দ্রুততম উপায় হল সরাসরি জমা করা।"
   },
-  "dismiss": {
-    "message": "খারিজ"
-  },
   "done": {
     "message": "সম্পন্ন "
   },

app/_locales/ca/messages.json

@@ -1,25 +1,13 @@
 {
-  "privacyModeDefault": {
-    "message": "El mode de privacitat ara està activat per defecte"
-  },
   "chartOnlyAvailableEth": {
     "message": "Mostra només els disponibles a les xarxes Ethereum."
   },
-  "confirmClear": {
-    "message": "Estàs segur que vols eliminar totes les pàgines web aprovades?"
-  },
   "contractInteraction": {
     "message": "Contractar Interacció"
   },
   "reject": {
     "message": "Rebutja"
   },
-  "providerRequest": {
-    "message": "a $1 li agradaria connectar-se al teu compte"
-  },
-  "providerRequestInfo": {
-    "message": "Aquesta pàgina està demanant accès a la teva adreça"
-  },
   "about": {
     "message": "Informació"
   },
@@ -359,9 +347,6 @@
   "directDepositEtherExplainer": {
     "message": "Si ja tens una mica d'Ether, la manera més ràpida de posar Ether al teu nou moneder és per dipòsit directe."
   },
-  "dismiss": {
-    "message": "Omet"
-  },
   "done": {
     "message": "Fet"
   },

app/_locales/cs/messages.json

@@ -1,13 +1,7 @@
 {
-  "confirmClear": {
-    "message": "Naozaj chcete vymazať schválené webové stránky?"
-  },
   "reject": {
     "message": "Odmítnout"
   },
-  "providerRequestInfo": {
-    "message": "Níže uvedená doména se pokouší požádat o přístup k API Ethereum, aby mohla komunikovat s blokádou Ethereum. Před schválením přístupu Ethereum vždy zkontrolujte, zda jste na správném místě."
-  },
   "account": {
     "message": "Účet"
   },

app/_locales/da/messages.json

@@ -1,25 +1,13 @@
 {
-  "privacyModeDefault": {
-    "message": "Privatlivstilstand er nu som udgangspunkt aktiveret"
-  },
   "chartOnlyAvailableEth": {
     "message": "Skema kun tilgængeligt på Ethereum-netværk."
   },
-  "confirmClear": {
-    "message": "Er du sikker på, at du vil rydde godkendte hjemmesider?"
-  },
   "contractInteraction": {
     "message": "Kontraktinteraktion"
   },
   "reject": {
     "message": "Afvis"
   },
-  "providerRequest": {
-    "message": "$1 ønsker at forbinde til din konto"
-  },
-  "providerRequestInfo": {
-    "message": "Denne side anmoder om at se din nuværende kontoadresse. Sørg altid for, at du stoler på de sider du interagerer med."
-  },
   "about": {
     "message": "Om"
   },
@@ -362,9 +350,6 @@
   "directDepositEtherExplainer": {
     "message": "Hvis du allerede har Ether, er den hurtigste måde at få Ether i din nye tegnebog ved direkte indbetaling."
   },
-  "dismiss": {
-    "message": "Luk"
-  },
   "done": {
     "message": "Færdig"
   },

app/_locales/de/messages.json

@@ -1,25 +1,13 @@
 {
-  "privacyModeDefault": {
-    "message": "Der Datenschutzmodus ist jetzt standardmäßig aktiviert"
-  },
   "chartOnlyAvailableEth": {
     "message": "Die Grafik ist nur in Ethereum-Netzwerken verfügbar."
   },
-  "confirmClear": {
-    "message": "Möchten Sie die genehmigten Websites wirklich löschen?"
-  },
   "contractInteraction": {
     "message": "Vertragsinteraktion"
   },
   "reject": {
     "message": "Ablehnen"
   },
-  "providerRequest": {
-    "message": "$1 möchte sich mit deinem Account verbinden"
-  },
-  "providerRequestInfo": {
-    "message": "Diese Website fordert Zugriff auf Ihre aktuelle Kontoadresse. Stellen Sie immer sicher, dass Sie den Websites vertrauen, mit denen Sie interagieren."
-  },
   "about": {
     "message": "Über"
   },
@@ -347,9 +335,6 @@
   "directDepositEtherExplainer": {
     "message": "Wenn du bereits Ether besitzt, ist die sofortige Einzahlung die schnellste Methode Ether in deine neue Wallet zu bekommen."
   },
-  "dismiss": {
-    "message": "Schließen"
-  },
   "done": {
     "message": "Fertig"
   },

app/_locales/el/messages.json

@@ -1,25 +1,13 @@
 {
-  "privacyModeDefault": {
-    "message": "Η Λειτουργία Απορρήτου είναι πλέον ενεργοποιημένη από προεπιλογή"
-  },
   "chartOnlyAvailableEth": {
     "message": "Το διάγραμμα είναι διαθέσιμο μόνο σε δίκτυα Ethereum."
   },
-  "confirmClear": {
-    "message": "Είστε βέβαιοι ότι θέλετε να διαγράψετε τους εγκεκριμένους ιστότοπους;"
-  },
   "contractInteraction": {
     "message": "Αλληλεπίδραση Σύμβασης"
   },
   "reject": {
     "message": "Απόρριψη"
   },
-  "providerRequest": {
-    "message": "Αίτημα σύνδεσης στον λογαριασμό σας από $1"
-  },
-  "providerRequestInfo": {
-    "message": "Ο ιστότοπος ζητά πρόσβαση για προβολή της τρέχουσας διεύθυνσης του λογαριασμού σας. Να σιγουρεύεστε πάντα ότι εμπιστεύεστε τους ιστότοπους με τους οποίους αλληλεπιδράτε."
-  },
   "about": {
     "message": "Σχετικά με"
   },
@@ -359,9 +347,6 @@
   "directDepositEtherExplainer": {
     "message": "Αν έχετε ήδη κάποια Ether, ο πιο γρήγορος τρόπος για να πάρετε τα Ether στο νέο σας πορτοφόλι με άμεση κατάθεση."
   },
-  "dismiss": {
-    "message": "Παράβλεψη"
-  },
   "done": {
     "message": "Τέλος"
   },