Fixes formatting for YT on shields page

Resolves brave#12271

Auditors:

Test Plan:

app/renderer/components/common/sitePermissionsList.js

@@ -71,6 +71,12 @@ class SitePermissionsList extends ImmutableComponent {
  <ul className={css(styles.sitePermissions__list)}>
  {
  this.props.siteSettings.map((value, hostPattern) => {
+ let siteName = `${hostPattern} :`
+
+ if (value.has('siteName')) {
+ siteName = `${value.get('siteName')} :`
+ }
+
  if (!value.size) {
  return null
  }
@@ -126,7 +132,7 @@ class SitePermissionsList extends ImmutableComponent {
  custom={styles.sitePermissions__list__item__button}
  onClick={this.deletePermission.bind(this, name, hostPattern)}
  />
- <span>{hostPattern + ':'}</span>
+ <span>{siteName}</span>
  <span
  className={css(styles.sitePermissions__list__item__status)}
  data-l10n-id={statusText}

app/renderer/components/preferences/payment/ledgerTable.js

@@ -99,8 +99,9 @@ class LedgerTable extends ImmutableComponent {
  return synopsis.get('pinPercentage')
  }
 
- banSite (hostPattern) {
+ banSite (hostPattern, siteName) {
  aboutActions.changeSiteSetting(hostPattern, 'ledgerPaymentsShown', false)
+ aboutActions.changeSiteSetting(hostPattern, 'siteName', siteName)
  }
 
  togglePinSite (hostPattern, pinned, percentage) {
@@ -238,7 +239,7 @@ class LedgerTable extends ImmutableComponent {
  styles.actionIcons__icon,
  styles.actionIcons__icon_remove
  )}
- onClick={this.banSite.bind(this, this.getHostPattern(synopsis))}
+ onClick={this.banSite.bind(this, this.getHostPattern(synopsis), siteName)}
  />
  </div>,
  value: ''

js/actions/appActions.js

@@ -535,6 +535,18 @@ const appActions = {
  })
  },
 
+ /**
+ * Dispatches an event to the renderer process to remove all site settings
+ *
+ * @param {string} key - The settings key to remove
+ */
+ clearSiteSettings: function (key) {
+ dispatch({
+ actionType: appConstants.APP_CLEAR_SITE_SETTINGS,
+ key
+ })
+ },
+
  /**
  * Changes the skipSync flag on an appState path.
  * @param {Array.<string>} path