refactor: 🎨 resolves code review comments

packages/account/src/Components/self-exclusion/self-exclusion-article.tsx

@@ -12,6 +12,7 @@ const SelfExclusionArticle = observer(() => {
     const { is_deriv_crypto } = React.useContext(PlatformContext);
     const { ui } = useStore();
     const { is_desktop, is_mobile } = ui;
+
     return (
         <AccountArticle
             title={localize('Trading limits and self-exclusion')}

packages/account/src/Constants/api-token-card-details.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Localize } from '@deriv/translations';
 
-export const getApiTokenCardDetails = () => [
+export const API_TOKEN_CARD_DETAILS = [
     {
         name: 'read',
         display_name: <Localize i18n_default_text='Read' />,

packages/account/src/Sections/Security/ApiToken/api-token.tsx

@@ -10,7 +10,7 @@ import { TToken } from 'Types';
 import { ApiTokenContext, ApiTokenArticle, ApiTokenCard, ApiTokenTable } from 'Components/api-token';
 import InlineNoteWithIcon from 'Components/inline-note-with-icon';
 import LoadErrorMessage from 'Components/load-error-message';
-import { getApiTokenCardDetails, TOKEN_LIMITS } from 'Constants/api-token-card-details';
+import { API_TOKEN_CARD_DETAILS, TOKEN_LIMITS } from 'Constants/api-token-card-details';
 import './api-token.scss';
 
 type AptTokenState = {
@@ -181,8 +181,6 @@ const ApiToken = observer(() => {
         deleteToken,
     };
 
-    const api_token_card_array = getApiTokenCardDetails();
-
     return (
         <ApiTokenContext.Provider value={context_value}>
             <section className='da-api-token'>
@@ -209,7 +207,7 @@ const ApiToken = observer(() => {
                                             }
                                         >
                                             <div className='da-api-token__checkbox-wrapper'>
-                                                {api_token_card_array.map(card => (
+                                                {API_TOKEN_CARD_DETAILS.map(card => (
                                                     <ApiTokenCard
                                                         key={card.name}
                                                         name={card.name}

packages/account/src/Sections/Security/ClosingAccount/closing-account-pending-conditions/__tests__/closing-account-pending-content.spec.tsx

@@ -2,13 +2,10 @@ import React from 'react';
 import { render, screen } from '@testing-library/react';
 import ClosingAccountPendingContent from '../closing-account-pending-content';
 
-jest.mock('@deriv/components', () => {
-    const original_module = jest.requireActual('@deriv/components');
-    return {
-        ...original_module,
-        Icon: jest.fn(() => <div>mockedIcon</div>),
-    };
-});
+jest.mock('@deriv/components', () => ({
+    ...jest.requireActual('@deriv/components'),
+    Icon: jest.fn(() => <div>mockedIcon</div>),
+}));
 
 describe('ClosingAccountPendingContent', () => {
     const mock_props: React.ComponentProps<typeof ClosingAccountPendingContent> = {

packages/account/src/Sections/Security/LoginHistory/list-cell.tsx

@@ -9,7 +9,7 @@ type TListCell = {
     align?: 'left' | 'right';
 };
 
-const ListCell = ({ title, text, className, align }: TListCell) => (
+const ListCell = ({ title, text, className, align = 'left' }: TListCell) => (
     <React.Fragment>
         <Text as='h3' align={align} weight='bold' className='login-history__list__row__cell--title'>
             {title}

packages/account/src/Sections/Security/LoginHistory/login-history.tsx

@@ -23,7 +23,7 @@ const LoginHistory = observer(() => {
 
     return (
         <ThemedScrollbars is_bypassed={is_mobile} className='login-history'>
-            {login_history.length && <LoginHistoryContent data={login_history} />}
+            <LoginHistoryContent data={login_history} />
         </ThemedScrollbars>
     );
 });

packages/account/src/Sections/Security/SelfExclusion/__tests__/self-exclusion.spec.tsx

@@ -61,7 +61,7 @@ const mock = {
 };
 let store = mockStore(mock);
 describe('<SelfExclusion />', () => {
-    let mock_props = {
+    let mock_props: React.ComponentProps<typeof SelfExclusion> = {
         overlay_ref: document.createElement('div'),
         setIsOverlayShown: jest.fn(),
     };

packages/api/src/hooks/useLoginHistory.ts

@@ -20,7 +20,7 @@ const useLoginHistory = (payload?: TUseLoginHistoryPayload) => {
     const modified_login_history = useMemo(
         () => ({
             ...data?.login_history,
-            formatted_data: getLoginHistoryFormattedData(data?.login_history || []),
+            formatted_data: getLoginHistoryFormattedData(data?.login_history ?? []),
         }),
         [data?.login_history]
     );