feat: warning if item uses third-party API

- scrollbar accessibility improvements

src/components/Elements/MainModal/scss/modules/_scrollbars.scss

@@ -11,9 +11,21 @@
 }
 
 ::-webkit-scrollbar-thumb {
+  border-radius: 25px;
+
   @include themed {
     background: t($modal-sidebarActive);
   }
 
-  border-radius: 12px;
-}
+  &:hover {
+    @include themed {
+      background: t($btn-backgroundHover);
+    }
+  }
+
+  &:active {
+    @include themed {
+      background: t($btn-backgroundHover);
+    }
+  }
+}

src/features/marketplace/components/Items/Item.jsx

@@ -136,6 +136,18 @@ class Item extends PureComponent {
       );
     }
 
+    if (this.props.data.data.image_api === true) {
+      itemWarning = (
+        <div className="itemWarning">
+          <MdOutlineWarning />
+          <div className="text">
+            <span className="header">Warning</span>
+            <span>{variables.getMessage('modals.main.marketplace.product.third_party_api')}</span>
+          </div>
+        </div>
+      );
+    }
+
     const moreInfoItem = (icon, header, text) => (
       <div className="infoItem">
         {icon}

src/i18n/locales/bn.json

@@ -550,6 +550,7 @@
             "report": "Report"
           },
           "not_in_language": "This add-on is not in your language",
+          "third_party_api": "This add-on uses a third-party API",
           "setting": "Setting",
           "value": "Value"
         },

src/i18n/locales/de_DE.json

@@ -550,6 +550,7 @@
             "report": "Melden"
           },
           "not_in_language": "This add-on is not in your language",
+          "third_party_api": "This add-on uses a third-party API",
           "setting": "Einstellung",
           "value": "Wert"
         },

src/i18n/locales/en_GB.json

@@ -550,6 +550,7 @@
             "report": "Report"
           },
           "not_in_language": "This add-on is not in your language",
+          "third_party_api": "This add-on uses a third-party API",
           "setting": "Setting",
           "value": "Value"
         },

src/i18n/locales/en_US.json

@@ -550,6 +550,7 @@
             "report": "Report"
           },
           "not_in_language": "This add-on is not in your language",
+          "third_party_api": "This add-on uses a third-party API",
           "setting": "Setting",
           "value": "Value"
         },

src/i18n/locales/es.json

@@ -550,6 +550,7 @@
             "report": "Informe"
           },
           "not_in_language": "This add-on is not in your language",
+          "third_party_api": "This add-on uses a third-party API",
           "setting": "Ajustes",
           "value": "Valor"
         },

src/i18n/locales/es_419.json

@@ -550,6 +550,7 @@
             "report": "Report"
           },
           "not_in_language": "This add-on is not in your language",
+          "third_party_api": "This add-on uses a third-party API",
           "setting": "Setting",
           "value": "Value"
         },

src/i18n/locales/fr.json

@@ -550,6 +550,7 @@
             "report": "Report"
           },
           "not_in_language": "This add-on is not in your language",
+          "third_party_api": "This add-on uses a third-party API",
           "setting": "Setting",
           "value": "Value"
         },

src/i18n/locales/id_ID.json

@@ -550,6 +550,7 @@
             "report": "Report"
           },
           "not_in_language": "This add-on is not in your language",
+          "third_party_api": "This add-on uses a third-party API",
           "setting": "Setting",
           "value": "Value"
         },

src/i18n/locales/nl.json

@@ -550,6 +550,7 @@
             "report": "Rapporteer"
           },
           "not_in_language": "This add-on is not in your language",
+          "third_party_api": "This add-on uses a third-party API",
           "setting": "Instelling",
           "value": "Waarde"
         },

src/i18n/locales/no.json

@@ -550,6 +550,7 @@
             "report": "Report"
           },
           "not_in_language": "This add-on is not in your language",
+          "third_party_api": "This add-on uses a third-party API",
           "setting": "Setting",
           "value": "Value"
         },

src/i18n/locales/pt.json

@@ -550,6 +550,7 @@
             "report": "Reportar"
           },
           "not_in_language": "This add-on is not in your language",
+          "third_party_api": "This add-on uses a third-party API",
           "setting": "Configuração",
           "value": "Valor"
         },

src/i18n/locales/pt_BR.json

@@ -550,6 +550,7 @@
             "report": "Reportar"
           },
           "not_in_language": "This add-on is not in your language",
+          "third_party_api": "This add-on uses a third-party API",
           "setting": "Configuração",
           "value": "Valor"
         },

src/i18n/locales/ru.json

@@ -550,6 +550,7 @@
             "report": "Жалоба"
           },
           "not_in_language": "This add-on is not in your language",
+          "third_party_api": "This add-on uses a third-party API",
           "setting": "Параметр",
           "value": "Цена"
         },

src/i18n/locales/tr_TR.json

@@ -550,6 +550,7 @@
             "report": "Bildir/Raporla"
           },
           "not_in_language": "This add-on is not in your language",
+          "third_party_api": "This add-on uses a third-party API",
           "setting": "Ayarlar",
           "value": "Değer"
         },

src/i18n/locales/zh_CN.json

@@ -550,6 +550,7 @@
             "report": "Report"
           },
           "not_in_language": "This add-on is not in your language",
+          "third_party_api": "This add-on uses a third-party API",
           "setting": "Setting",
           "value": "Value"
         },