fix: add data-testid to a few other modals description

ts/components/basic/StyledI18nSubText.tsx

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { forwardRef } from 'react';
+import { SessionDataTestId } from 'react';
 import { Localizer } from './Localizer';
 import type { LocalizerComponentProps, LocalizerToken } from '../../types/localizer';
 
@@ -15,13 +15,18 @@ const StyledI18nSubTextContainer = styled('div')`
   padding-inline: var(--margins-lg);
 `;
 
-export const StyledI18nSubText = forwardRef<
+export const StyledI18nSubText = ({
-  HTMLSpanElement,
+  className,
-  LocalizerComponentProps<LocalizerToken>
+  dataTestId,
->(({ className, ...props }) => {
+  localizerProps,
+}: {
+  className?: string;
+  dataTestId: SessionDataTestId;
+  localizerProps: LocalizerComponentProps<LocalizerToken>;
+}) => {
   return (
-    <StyledI18nSubTextContainer className={className}>
+    <StyledI18nSubTextContainer className={className} data-testid={dataTestId}>
-      <Localizer {...props} />
+      <Localizer {...localizerProps} />
     </StyledI18nSubTextContainer>
   );
-});
+};

ts/components/dialog/OpenUrlModal.tsx

@@ -47,7 +47,10 @@ export function OpenUrlModal(props: OpenUrlModalState) {
     >
       <div className="session-modal__centered">
         <StyledScrollDescriptionContainer>
-          <StyledI18nSubText token="urlOpenDescription" asTag="span" args={{ url }} />
+          <StyledI18nSubText
+            localizerProps={{ token: 'urlOpenDescription', asTag: 'span', args: { url } }}
+            dataTestId="modal-description"
+          />
         </StyledScrollDescriptionContainer>
       </div>
       <SpacerMD />

ts/components/dialog/QuitModal.tsx

@@ -85,7 +85,10 @@ export const QuitModal = (props: SessionConfirmDialogProps) => {
           style={modalStyle}
         >
           <SpacerLG />
-          <StyledI18nSubText {...i18nMessage}></StyledI18nSubText>
+          <StyledI18nSubText
+            localizerProps={i18nMessage}
+            dataTestId="modal-description"
+          ></StyledI18nSubText>
           <SpacerLG />
         </Flex>
       ) : null}

ts/components/dialog/SessionConfirm.tsx

@@ -132,7 +132,7 @@ export const SessionConfirm = (props: SessionConfirmDialogProps) => {
 
       <div className="session-modal__centered">
         {i18nMessage ? (
-          <StyledI18nSubText {...i18nMessage} data-testid="modal-description" />
+          <StyledI18nSubText localizerProps={i18nMessage} dataTestId="modal-description" />
         ) : null}
         {radioOptions && chosenOption !== '' ? (
           <SessionRadioGroup