fix: active menu items in partners, careers nav

package.json

@@ -6,14 +6,14 @@
     "dependencies": {
         "@artsy/fresnel": "^6.2.1",
         "@builder.io/partytown": "^0.8.1",
-        "@deriv-com/blocks": "^0.55.0",
-        "@deriv-com/components": "^0.35.0",
+        "@deriv-com/blocks": "^0.57.0",
+        "@deriv-com/components": "^0.36.0",
         "@deriv-com/hooks": "^0.10.0",
         "@deriv-com/providers": "^0.10.0",
         "@deriv/analytics": "^1.4.3",
         "@deriv/deriv-api": "^1.0.13",
         "@deriv/quill-design": "^1.2.6",
-        "@deriv/quill-icons": "^1.0.16",
+        "@deriv/quill-icons": "^1.0.17",
         "@hookform/resolvers": "^3.3.2",
         "@livechat/customer-sdk": "^3.1.5",
         "@loadable/component": "^5.15.3",

src/features/components/templates/footer/data.tsx

@@ -489,61 +489,61 @@ export const warnText = (
 
 export const socialButtonsROW = [
     {
-        icon: <StandaloneFacebookIcon iconSize="md" />,
+        icon: <StandaloneFacebookIcon iconSize="md" fill="#000000b8" />,
         href: 'https://www.facebook.com/derivdotcom',
     },
     {
-        icon: <StandaloneInstagramIcon iconSize="md" />,
+        icon: <StandaloneInstagramIcon iconSize="md" fill="#000000b8" />,
         href: 'https://www.instagram.com/deriv_official',
     },
     {
-        icon: <StandaloneXTwitterIcon iconSize="md" />,
+        icon: <StandaloneXTwitterIcon iconSize="md" fill="#000000b8" />,
         href: 'https://twitter.com/derivdotcom/',
     },
     {
-        icon: <StandaloneYoutubeIcon iconSize="md" />,
+        icon: <StandaloneYoutubeIcon iconSize="md" fill="#000000b8" />,
         href: 'https://www.youtube.com/@deriv',
     },
     {
-        icon: <StandaloneLinkedinIcon iconSize="md" />,
+        icon: <StandaloneLinkedinIcon iconSize="md" fill="#000000b8" />,
         href: 'https://www.linkedin.com/company/derivdotcom/',
     },
 ]
 
 export const socialButtonsEU = [
     {
-        icon: <StandaloneFacebookIcon iconSize="md" />,
+        icon: <StandaloneFacebookIcon iconSize="md" fill="#000000b8" />,
         href: 'https://www.facebook.com/DerivEU',
     },
     {
-        icon: <StandaloneInstagramIcon iconSize="md" />,
+        icon: <StandaloneInstagramIcon iconSize="md" fill="#000000b8" />,
         href: 'https://www.instagram.com/deriv_eu/',
     },
     {
-        icon: <StandaloneXTwitterIcon iconSize="md" />,
+        icon: <StandaloneXTwitterIcon iconSize="md" fill="#000000b8" />,
         href: 'https://twitter.com/deriv_eu/',
     },
     {
-        icon: <StandaloneYoutubeIcon iconSize="md" />,
+        icon: <StandaloneYoutubeIcon iconSize="md" fill="#000000b8" />,
         href: 'https://www.youtube.com/@deriv',
     },
     {
-        icon: <StandaloneLinkedinIcon iconSize="md" />,
+        icon: <StandaloneLinkedinIcon iconSize="md" fill="#000000b8" />,
         href: 'https://www.linkedin.com/company/derivdotcom/',
     },
 ]
 
 export const socialButtonsCareers = [
     {
-        icon: <StandaloneFacebookIcon iconSize="md" />,
+        icon: <StandaloneFacebookIcon iconSize="md" fill="#000000b8" />,
         href: 'https://www.facebook.com/derivcareers',
     },
     {
-        icon: <StandaloneInstagramIcon iconSize="md" />,
+        icon: <StandaloneInstagramIcon iconSize="md" fill="#000000b8" />,
         href: 'https://www.instagram.com/derivcareers/',
     },
     {
-        icon: <StandaloneLinkedinIcon iconSize="md" />,
+        icon: <StandaloneLinkedinIcon iconSize="md" fill="#000000b8" />,
         href: 'https://www.linkedin.com/company/derivdotcom/life/',
     },
 ]

src/features/components/templates/footer/download.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
 import {
-    LabelPairedAppleIcon,
-    LabelPairedGooglePlayIcon,
-    LabelPairedHuaweiAppGalleryIcon,
+    LabelPairedAppleLgIcon,
+    LabelPairedGooglePlayLgIcon,
+    LabelPairedHuaweiAppGalleryLgIcon,
     // eslint-disable-next-line import/no-unresolved
 } from '@deriv/quill-icons/LabelPaired'
 import clsx from 'clsx'
@@ -21,7 +21,7 @@ const DownloadBadges = () => {
                 target="_blank"
                 className={clsx(sharedClasses, 'order-last')}
             >
-                <LabelPairedHuaweiAppGalleryIcon iconSize="md" />
+                <LabelPairedHuaweiAppGalleryLgIcon fill="#000000b8" />
                 <StaticImage
                     src="../../../../images/common/migration/footer/explore-appgallery.png"
                     alt={localize('_t_explore it on appgallery_t_')}
@@ -35,7 +35,7 @@ const DownloadBadges = () => {
                 target="_blank"
                 className={clsx(sharedClasses)}
             >
-                <LabelPairedGooglePlayIcon iconSize="md" />
+                <LabelPairedGooglePlayLgIcon fill="#000000b8" />
                 <StaticImage
                     src="../../../../images/common/migration/footer/get-googleplay.png"
                     alt={localize('_t_get it on google play_t_')}
@@ -49,7 +49,7 @@ const DownloadBadges = () => {
                 target="_blank"
                 className={clsx(sharedClasses)}
             >
-                <LabelPairedAppleIcon iconSize="md" />
+                <LabelPairedAppleLgIcon fill="#000000b8" />
                 <StaticImage
                     src="../../../../images/common/migration/footer/download-appstore.png"
                     alt={localize('_t_download on the app store_t_')}

src/features/components/templates/navigation/main-nav/nav.buttons.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 import { MobileNavToggle } from '@deriv-com/blocks'
 import { Button } from '@deriv/quill-design'
 // eslint-disable-next-line import/no-unresolved
-import { LabelPairedGrid2BoldIcon } from '@deriv/quill-icons/LabelPaired'
+import { LabelPairedGridLgBoldIcon } from '@deriv/quill-icons/LabelPaired'
 import { Localize } from 'components/localization'
 import { handleRedirectToTradersHub } from 'components/custom/utils'
 import useAuthCheck from 'components/hooks/use-auth-check'
@@ -25,7 +25,7 @@ export const MainNavigationButtons = () => {
                     colorStyle="black"
                     size="lg"
                     onClick={handleRedirectToTradersHub}
-                    icon={LabelPairedGrid2BoldIcon}
+                    icon={LabelPairedGridLgBoldIcon}
                     iconPosition="start"
                 >
                     <Localize translate_text="_t_Traders Hub_t_" />