Fixes url bar shape when payment is disabled (#8207)

Resolves #8170

Auditors: @srirambv @bsclifton

Test Plan:
- with payments disabled visit a site
- url border should be shaped

app/renderer/components/navigation/navigationBar.js

@@ -132,10 +132,6 @@ class NavigationBar extends ImmutableComponent {
   }
 
   get visiblePublisher () {
-    // No publisher is visible if ledger is disabled
-    if (!getSetting(settings.PAYMENTS_ENABLED) || !this.publisherId) {
-      return false
-    }
     const hostPattern = UrlUtil.getHostPattern(this.publisherId)
     const hostSettings = this.props.siteSettings.get(hostPattern)
     const ledgerPaymentsShown = hostSettings && hostSettings.get('ledgerPaymentsShown')
@@ -144,6 +140,12 @@ class NavigationBar extends ImmutableComponent {
       : true
   }
 
+  get isPublisherButtonEnabled () {
+    return getSetting(settings.PAYMENTS_ENABLED) &&
+      UrlUtil.isHttpOrHttps(this.props.location) &&
+      this.visiblePublisher
+  }
+
   componentDidMount () {
     ipc.on(messages.SHORTCUT_ACTIVE_FRAME_BOOKMARK, () => this.onToggleBookmark())
     ipc.on(messages.SHORTCUT_ACTIVE_FRAME_REMOVE_BOOKMARK, () => this.onToggleBookmark())
@@ -245,7 +247,7 @@ class NavigationBar extends ImmutableComponent {
         urlbar={this.props.navbar.get('urlbar')}
         onStop={this.onStop}
         menubarVisible={this.props.menubarVisible}
-        noBorderRadius={!isSourceAboutUrl(this.props.location)}
+        noBorderRadius={this.isPublisherButtonEnabled}
         activeTabShowingMessageBox={this.props.activeTabShowingMessageBox}
         />
       {