fix-7984:Show test/live key of Stripe under Payments section (#8777)

* fix-7984:Show test/live key of Stripe under Payments section

* remove extra linebreak

---------

Co-authored-by: cweitat <cweitat@gmail.com>

Author: khangon

app/templates/components/forms/admin/settings/payment-gateway-form.hbs

@@ -22,15 +22,15 @@
     <h5 class="ui header">
       {{t 'Stripe Integration Mode'}}
     </h5>
-    <div class="field">
-      <UiRadio
-        @label={{t "Test mode - Used during development and testing"}}
-        @name="stripe_integration_mode"
-        @value="debug"
-        @current={{this.stripeMode}}
-        @onChange={{action (mut this.stripeMode)}} />
-    </div>
     {{#if (eq this.stripeMode 'debug')}}
+      <div class="field">
+        <UiRadio
+          @label={{t "Test mode - Used during development and testing"}}
+          @name="stripe_integration_mode"
+          @value="debug"
+          @current={{this.stripeMode}}
+          @onChange={{action (mut this.stripeMode)}} />
+      </div>
       <div class="field">
         <label>
           {{t 'Client Test ID'}}
@@ -71,6 +71,7 @@
           @value={{this.settings.stripeTestPublishableKey}} />
       </div>
     {{/if}}
+    {{#if (eq this.stripeMode 'production')}}
     <div class="ui hidden divider"></div>
     <div class="field">
       <UiRadio
@@ -80,7 +81,6 @@
         @current={{this.stripeMode}}
         @onChange={{action (mut this.stripeMode)}} />
     </div>
-    {{#if (eq this.stripeMode 'production')}}
       <div class="field">
         <label>
           {{t 'Client ID'}}