fix: used localize method from deriv-com/translations

src/components/journal/journal-components/format-message.tsx

@@ -2,7 +2,7 @@ import classnames from 'classnames';
 import { formatMoney, getCurrencyDisplayCode } from '@/components/shared';
 import Text from '@/components/shared_ui/text';
 import { LogTypes } from '@/external/bot-skeleton';
-import { Localize, localize } from '@/utils/tmp/dummy';
+import { Localize, localize } from '@deriv-com/translations';
 import { TFormatMessageProps } from '../journal.types';
 
 const FormatMessage = ({ logType, className, extra }: TFormatMessageProps) => {

src/components/layout/footer/Endpoint.tsx

@@ -8,7 +8,7 @@ const Endpoint = () => {
 
     if (serverURL) {
         return (
-            <Text className='app-footer__endpoint' color='red' size='sm'>
+            <Text className='app-footer__endpoint' color='red' size='s'>
                 The server{' '}
                 <Link className='app-footer__endpoint-text' to={ENDPOINT}>
                     endpoint

src/components/layout/header/index.tsx

@@ -48,10 +48,10 @@ const AppHeader = () => {
                         onClick={() => {
                             window.location.assign('https://app.deriv.com/cashier/deposit');
                         }}
-                        size='md'
+                        size='s'
                         className='deposit-button'
                     >
-                        <Text size='sm' weight='bold'>
+                        <Text size='s' weight='bold'>
                             {localize('Deposit')}
                         </Text>
                     </Button>
@@ -60,7 +60,7 @@ const AppHeader = () => {
         } else {
             return (
                 <Button
-                    size='sm'
+                    size='s'
                     variant='outlined'
                     color='primary-light'
                     onClick={() => {

src/components/load-modal/local-footer.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { observer } from 'mobx-react-lite';
 import { NOTIFICATION_TYPE } from '@/components/bot-notification/bot-notification-utils';
 import { useStore } from '@/hooks/useStore';
-import { localize } from '@/utils/tmp/dummy';
+import { localize } from '@deriv-com/translations';
 import { useDevice } from '@deriv-com/ui';
 import Button from '../shared_ui/button';
 

src/components/load-modal/recent-footer.tsx

@@ -1,7 +1,7 @@
 import { observer } from 'mobx-react-lite';
 import { NOTIFICATION_TYPE } from '@/components/bot-notification/bot-notification-utils';
 import { useStore } from '@/hooks/useStore';
-import { localize } from '@/utils/tmp/dummy';
+import { localize } from '@deriv-com/translations';
 import Button from '../shared_ui/button';
 
 const RecentFooter = observer(() => {

src/components/route-prompt-dialog/route-prompt-dialog.tsx

@@ -1,7 +1,8 @@
 import React from 'react';
 import { observer } from 'mobx-react-lite';
 import { useStore } from '@/hooks/useStore';
-import { Localize, localize } from '@/utils/tmp/dummy';
+import { localize } from '@/utils/tmp/dummy';
+import { Localize } from '@deriv-com/translations';
 import Dialog from '../shared_ui/dialog';
 
 const RoutePromptDialog = observer(() => {

src/components/shared/utils/helpers/chart-notifications.tsx

@@ -1,4 +1,5 @@
-import { Localize, localize } from '@/utils/tmp/dummy';
+import { localize } from '@/utils/tmp/dummy';
+import { Localize } from '@deriv-com/translations';
 
 export const switch_to_tick_chart = {
     key: 'switch_to_tick_chart',

src/components/shared/utils/helpers/portfolio-notifications.tsx

@@ -1,5 +1,6 @@
 import Money from '@/components/shared_ui/money';
-import { Localize, localize } from '@/utils/tmp/dummy';
+import { localize } from '@/utils/tmp/dummy';
+import { Localize } from '@deriv-com/translations';
 
 export const contractSold = (currency: string, sold_for: number | string, Money: React.ElementType) => ({
     key: 'contract_sold',

src/pages/dashboard/load-bot-preview/local-footer.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { observer } from 'mobx-react-lite';
 import Button from '@/components/shared_ui/button';
 import { useStore } from '@/hooks/useStore';
-import { localize } from '@/utils/tmp/dummy';
+import { localize } from '@deriv-com/translations';
 import { useDevice } from '@deriv-com/ui';
 import './index.scss';
 

src/pages/dashboard/load-bot-preview/local.tsx

@@ -4,7 +4,7 @@ import { observer } from 'mobx-react-lite';
 import Dialog from '@/components/shared_ui/dialog';
 import { DBOT_TABS } from '@/constants/bot-contents';
 import { useStore } from '@/hooks/useStore';
-import { Localize, localize } from '@/utils/tmp/dummy';
+import { Localize, localize } from '@deriv-com/translations';
 import { useDevice } from '@deriv-com/ui';
 import BotPreview from './bot-preview';
 import './index.scss';

src/pages/dashboard/stop-bot-modal-content.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import Dialog from '@/components/shared_ui/dialog';
 import Text from '@/components/shared_ui/text';
-import { Localize, localize } from '@/utils/tmp/dummy';
+import { Localize, localize } from '@deriv-com/translations';
 
 export type TStopBotModalContent = {
     is_running: boolean;
@@ -50,7 +50,7 @@ const StopBotModalContent = ({
                             <Text weight='bold' as='span' lineHeight='s' size='xs'>
                                 <Localize i18n_default_text='Reports' />
                             </Text>
-                            <Localize i18n_default_text='page.' />
+                            <Localize i18n_default_text=' page.' />
                         </Text>
                         <Text as='p' lineHeight='s' size='xs'>
                             <Localize i18n_default_text='The Quick Strategy you just created will be loaded to the workspace.' />
@@ -67,7 +67,7 @@ const StopBotModalContent = ({
                                 <Localize i18n_default_text='Reports' />
                             </Text>
                             <Text as='span' lineHeight='s' size='xs' styles={{ paddingInlineStart: '0.4rem' }}>
-                                <Localize i18n_default_text='page.' />
+                                <Localize i18n_default_text=' page.' />
                             </Text>
                         </Text>
                     </>

src/pages/main/main.tsx

@@ -12,13 +12,14 @@ import dbot from '@/external/bot-skeleton/scratch/dbot';
 import { api_base } from '@/external/bot-skeleton/services/api/api-base';
 import { isDbotRTL } from '@/external/bot-skeleton/utils/workspace';
 import { useStore } from '@/hooks/useStore';
-import { Localize, localize } from '@/utils/tmp/dummy';
+import { localize } from '@/utils/tmp/dummy';
 import {
     LabelPairedChartLineCaptionRegularIcon,
     LabelPairedObjectsColumnCaptionRegularIcon,
     LabelPairedPuzzlePieceTwoCaptionBoldIcon,
     LegacyGuide1pxIcon,
 } from '@deriv/quill-icons';
+import { Localize } from '@deriv-com/translations';
 import { useDevice } from '@deriv-com/ui';
 import RunPanel from '../../components/run-panel';
 import Chart from '../chart';

src/pages/tutorials/dbot-tours/common/tour-end-dialog.tsx

@@ -2,7 +2,7 @@ import { observer } from 'mobx-react-lite';
 import Dialog from '@/components/shared_ui/dialog';
 import Text from '@/components/shared_ui/text';
 import { useStore } from '@/hooks/useStore';
-import { Localize, localize } from '@/utils/tmp/dummy';
+import { Localize, localize } from '@deriv-com/translations';
 import { useDevice } from '@deriv-com/ui';
 
 const TourEndDialog = observer(() => {

src/utils/help-content/help-strings/trade_definition_multiplier.tsx

@@ -1,5 +1,6 @@
 import StaticUrl from '@/components/shared_ui/static-url';
-import { Localize, localize } from '@/utils/tmp/dummy';
+import { localize } from '@/utils/tmp/dummy';
+import { Localize } from '@deriv-com/translations';
 
 export default {
     text: [