chore: rename StyledI18nSubText to I18nSubText

because it is not directly a styled.<something> element

tools/localization/regex.py

@@ -18,7 +18,7 @@ def get_localization_regex_list(string):
     fr"i18n\('{key}'(, {{[\S\s.]*}})?\)",
     fr"i18n\.(stripped|inEnglish|getRawMessage)\('{key}'(, {{[\S\s.]*}})?\)",
     fr"window\?\.i18n\?\.\('{key}'(, {{[\S\s.]*}})?\)",
-    fr"<StyledI18nSubText[\S\s.]*token=[\S\s.]*{key}[\S\s.]*"
+    fr"<I18nSubText[\S\s.]*token=[\S\s.]*{key}[\S\s.]*"
   ]
 
 

ts/components/basic/I18nSubText.tsx

@@ -15,7 +15,7 @@ const StyledI18nSubTextContainer = styled('div')`
   padding-inline: var(--margins-lg);
 `;
 
-export const StyledI18nSubText = ({
+export const I18nSubText = ({
   className,
   dataTestId,
   localizerProps,

ts/components/dialog/OpenUrlModal.tsx

@@ -8,7 +8,7 @@ import { OpenUrlModalState, updateOpenUrlModal } from '../../state/ducks/modalDi
 import { SessionWrapperModal } from '../SessionWrapperModal';
 import { SessionButton, SessionButtonColor, SessionButtonType } from '../basic/SessionButton';
 import { SpacerMD } from '../basic/Text';
-import { StyledI18nSubText } from '../basic/StyledI18nSubText';
+import { I18nSubText } from '../basic/I18nSubText';
 import { StyledModalDescriptionContainer } from './shared/ModalDescriptionContainer';
 
 const StyledScrollDescriptionContainer = styled(StyledModalDescriptionContainer)`
@@ -47,7 +47,7 @@ export function OpenUrlModal(props: OpenUrlModalState) {
     >
       <div className="session-modal__centered">
         <StyledScrollDescriptionContainer>
-          <StyledI18nSubText
+          <I18nSubText
             localizerProps={{ token: 'urlOpenDescription', asTag: 'span', args: { url } }}
             dataTestId="modal-description"
           />

ts/components/dialog/QuitModal.tsx

@@ -8,7 +8,7 @@ import { Flex } from '../basic/Flex';
 import { SessionButton, SessionButtonColor, SessionButtonType } from '../basic/SessionButton';
 import { SpacerLG, SpacerSM } from '../basic/Text';
 import { SessionConfirmDialogProps } from './SessionConfirm';
-import { StyledI18nSubText } from '../basic/StyledI18nSubText';
+import { I18nSubText } from '../basic/I18nSubText';
 
 const modalStyle: CSSProperties = {
   maxWidth: '300px',
@@ -85,10 +85,7 @@ export const QuitModal = (props: SessionConfirmDialogProps) => {
           style={modalStyle}
         >
           <SpacerLG />
-          <StyledI18nSubText
+          <I18nSubText localizerProps={i18nMessage} dataTestId="modal-description" />
-            localizerProps={i18nMessage}
-            dataTestId="modal-description"
-          ></StyledI18nSubText>
           <SpacerLG />
         </Flex>
       ) : null}

ts/components/dialog/SessionConfirm.tsx

@@ -12,7 +12,7 @@ import { SpacerLG } from '../basic/Text';
 import { SessionSpinner } from '../loading';
 import type { LocalizerComponentPropsObject } from '../../types/localizer';
 
-import { StyledI18nSubText } from '../basic/StyledI18nSubText';
+import { I18nSubText } from '../basic/I18nSubText';
 
 export interface SessionConfirmDialogProps {
   i18nMessage?: LocalizerComponentPropsObject;
@@ -132,7 +132,7 @@ export const SessionConfirm = (props: SessionConfirmDialogProps) => {
 
       <div className="session-modal__centered">
         {i18nMessage ? (
-          <StyledI18nSubText localizerProps={i18nMessage} dataTestId="modal-description" />
+          <I18nSubText localizerProps={i18nMessage} dataTestId="modal-description" />
         ) : null}
         {radioOptions && chosenOption !== '' ? (
           <SessionRadioGroup