Meenu/{DPROD-2331}/Translation 2331 fixx cta button 3 steps (#6496)

* fix: fix subtask

* fix: removed wrong commit

* fix: fix changes

* fix: fixed icon

* fix: fixed conflicts

* fix: updated with upstream

crowdin/messages.json

@@ -3121,6 +3121,7 @@
   "-1179918966": "Browser Update Alert",
   "-684271315": "OK",
   "-1809314981": "Other markets you might be interested in",
+  "-1255879419": "Trader's Hub",
   "-1124845179": "Open demo account",
   "-696867299": "Get trading",
   "-943701585": "Available on",

src/data/trustpilot.json

@@ -1,5 +1,5 @@
 {
     "stars": 4.5,
     "trustScore": 4.6,
-    "numberOfReviews": "37,000"
+    "numberOfReviews": "39,092"
 }

src/features/components/molecules/traders-hub-cta-button/index.tsx

@@ -1,5 +1,6 @@
 import React, { ComponentPropsWithRef, forwardRef } from 'react'
 import { Button } from '@deriv/quill-design'
+import { LabelPairedGrid2LgBoldIcon } from '@deriv/quill-icons'
 import useAuthCheck from 'components/hooks/use-auth-check'
 import useHandleSignup from 'components/hooks/use-handle-signup'
 import { handleRedirectToTradersHub } from 'components/custom/utils'
@@ -17,11 +18,13 @@ const TradersHubCtaButton = forwardRef<HTMLButtonElement, TradersHubCtaButtonPro
                 <Button
                     ref={ref}
                     size="lg"
+                    icon={LabelPairedGrid2LgBoldIcon}
+                    iconPosition="start"
                     onClick={handleRedirectToTradersHub}
                     className={className}
                     {...rest}
                 >
-                    <Localize translate_text="_t_Traders Hub_t_" />
+                    <Localize translate_text="_t_Trader's Hub_t_" />
                 </Button>
             )
         }

src/features/pages/home/cta/index.tsx

@@ -38,7 +38,9 @@ const CTA = () => {
                 <Heading.H2 className="text-solid-slate-50">
                     <Localize translate_text="_t_Join over 2.5 million online traders_t_" />
                 </Heading.H2>
-                <TradersHubCtaButton className="hidden lg:block" />
+                <div className="hidden lg:block">
+                    <TradersHubCtaButton className="flex" />
+                </div>
             </div>
         </Footer.CTABlock>
     )

src/features/pages/home/start-trading-steps/index.tsx

@@ -11,7 +11,11 @@ const StartTradingSteps = () => {
         <Features.Card
             className="xl:[&>*:nth-child(1)]:!px-50"
             title={<Localize translate_text="_t_Start trading in 3 simple steps_t_" />}
-            cta={<TradersHubCtaButton className="hidden lg:block" />}
+            cta={
+                <div className="hidden lg:block">
+                    <TradersHubCtaButton className="flex" />
+                </div>
+            }
             cols="three"
             variant="ContentTop"
             cards={is_eu ? EUCards : RowCards}

src/pages/home/_translations.tsx

@@ -62,4 +62,5 @@ export const translation_strings = [
     '_t_60+ global payment methods. Deposit instantly starting from just USD 5. Withdraw in minutes.*_t_',
     '_t_* Availability of payment methods and processing speeds may vary based on location and selected payment option_t_',
     '_t_Trade CFDs & Multipliers_t_',
+    "_t_Trader's Hub_t_",
 ]