feat(preferences): extension modals into extension panes (#683)

* feat(preferences): show inline extensions in extensions pane

* wip

* wip

* refactor: convert ComponentView to React component

* refactor: convert ComponentView to React component

* chore: fix merge conflicts

* feat: don't show features whose `area` is "room", update modal items' icons in Preferences menu

* chore: fix TS error

* feat: don't show 2FA Manager in modal-based component

* feat: remove `ExtendedDataReloadComplete` event, since Extensions Manger is being removed from the app

* chore: avoid hardcoded values in svg image, optimize `if` condition

* chore: remove remnant comment

* fix: fix typescript errors

Co-authored-by: vardanhakobyan <vardan_live@live.com>

app/assets/stylesheets/_preferences.scss

@@ -44,3 +44,9 @@
     @extend .color-info;
   }
 }
+
+.preferences-extension-pane {
+  iframe {
+    height: 60vh;
+  }
+}

app/assets/stylesheets/_sn.scss

@@ -282,10 +282,18 @@
   width: 6.5rem;
 }
 
+.max-w-200 {
+  max-width: 50rem;
+}
+
 .w-92 {
   width: 23rem;
 }
 
+.w-200 {
+  width: 50rem;
+}
+
 .min-w-1 {
   min-width: 0.25rem;
 }
@@ -316,7 +324,7 @@
 
 .min-w-70 {
   min-width: 17.5rem;
-}  
+}
 
 .min-w-24 {
   min-width: 6rem;
@@ -328,7 +336,7 @@
 
 .min-w-90 {
   min-width: 22.5rem;
-}  
+}
 
 .min-h-1px {
   min-height: 1px;
@@ -549,7 +557,7 @@
 .-z-index-1 {
   z-index: -1;
 }
-  
+
 .sn-component .btn-w-full {
   width: 100%;
 }