Prince/New homepage master update (#6356)

* chore: merge master to new-homepage-translation

* chore: quill-icon stable version usage

gatsby-browser.js

@@ -15,10 +15,11 @@ import {
     getLanguage,
     updateURLAsPerUserLanguage,
 } from 'common/utility'
-// import './static/css/ibm-plex-sans-var.css'
 import './static/css/noto-sans-arabic.css'
 import './static/css/ubuntu.css'
 import './static/css/global.css'
+import '@deriv-com/blocks/style.css'
+import '@deriv-com/components/style.css'
 
 const is_browser = typeof window !== 'undefined'
 

package.json

@@ -13,7 +13,7 @@
         "@deriv/analytics": "^1.4.4",
         "@deriv/deriv-api": "^1.0.13",
         "@deriv/quill-design": "^1.2.12",
-        "@deriv/quill-icons": "^1.0.16",
+        "@deriv/quill-icons": "1.0.16",
         "@hookform/resolvers": "^3.3.2",
         "@livechat/customer-sdk": "^3.1.5",
         "@loadable/component": "^5.15.3",

postcss.config.js

@@ -1,6 +1,6 @@
 module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
+    plugins: {
+        tailwindcss: {},
+        autoprefixer: {},
+    },
 }

src/components/elements/market-tab/index.tsx

@@ -7,7 +7,6 @@ import { Header } from 'components/elements'
 import AvailablePlatform from 'pages/trading-specification/components/_available-platform'
 import { Localize } from 'components/localization'
 import TradingSpecificationTable from 'pages/trading-specification/components/_trading_spec_table'
-import useRegion from 'components/hooks/use-region'
 
 const TabStyledHeader = styled(Header)`
     font-family: 'Ubuntu';
@@ -17,10 +16,10 @@ const MarketIcon = styled.img<{ is_selected?: boolean }>`
     inline-size: 24px;
     block-size: 24px;
     margin-block-end: 10px;
+    margin-inline: auto;
 `
 
 const MarketTab = () => {
-    const { is_row } = useRegion()
     const [selected_market, setSelectedMarket] = useState<TAvailableLiveMarkets>('forex')
     const onMarketButtonClick = (selected) => {
         setSelectedMarket(selected)