feat: optimize register setup page.

client/src/containers/Subscriptions/LicenseTab.js

@@ -11,7 +11,7 @@ function LicenseTab({
       <h4>
         <T id={'license_code'} />
       </h4>
-      <p className={'bg-message'}>
+      <p className="paragraph">
         <T id={'cards_will_be_charged'} />
       </p>
 

client/src/containers/Subscriptions/billingPaymentmethod.js

@@ -4,11 +4,11 @@ import { PaymentMethodTabs } from './SubscriptionTabs';
 
 export const BillingPaymentmethod = ({ formik, title }) => {
   return (
-    <section>
+    <section class="billing-section">
       <h1 className={'bg-title'}>
         <T id={title} />
       </h1>
-      <p className={'bg-message'}>
+      <p className='paragraph'>
         <T id={'please_enter_your_preferred_payment_method'} />
       </p>
       <PaymentMethodTabs formik={formik} />

client/src/containers/Subscriptions/billingPeriods.js

@@ -15,6 +15,7 @@ function BillingPeriod({ price, period, currency, onSelected, selected }) {
       <span className={'bg-period'}>
         <T id={period} />
       </span>
+
       <div className={'plan-price'}>
         <span className={'amount'}>
           {price} {currency}
@@ -43,11 +44,11 @@ function BillingPeriods({ formik, title, selected = 1 }) {
   });
 
   return (
-    <section>
+    <section class="billing-section">
       <h1 className={'bg-title'}>
         <T id={title} />
       </h1>
-      <p className={'bg-message'}>
+      <p className='paragraph'>
         <T id={'please_enter_your_preferred_payment_method'} />
       </p>
       <div className={'payment-method-continer'} ref={billingRef}>

client/src/containers/Subscriptions/billingPlans.js

@@ -61,11 +61,11 @@ function BillingPlans({ formik, title, selected = 1 }) {
   });
 
   return (
-    <section>
+    <section class="billing-section">
       <h1 className={'bg-title'}>
         <T id={title} />
       </h1>
-      <p className={'bg-message '}>
+      <p className='paragraph'>
         <T id={'please_enter_your_preferred_payment_method'} />
       </p>
       <div className={'billing-form__plan-container'} ref={planRef}>