Merge branch 'fix-streak-modal' into 'main'

Fix streak modal on mobile

See merge request soapbox-pub/soapbox!3343

src/features/ui/components/modals/streak-modal.tsx

@@ -34,13 +34,13 @@ const StreakModal: React.FC<IStreakModal> = ({ onClose }) => {
     <Modal
       title={
         <HStack alignItems='center' justifyContent='center' space={1} className='my-6 -mr-8'>
-          <Text weight='bold' size='2xl' className='text-black'>
-            <FormattedMessage id='streak_modal.title' defaultMessage="You've unlocked a" />
+          <Text weight='bold' size='xl' className='text-black'>
+            <FormattedMessage id='streak_modal.title' defaultMessage='You unlocked a' />
           </Text>
           <Text theme='primary'>
             <Icon src={flameIcon} className='size-6' />
           </Text>
-          <Text weight='bold' size='2xl' className='text-black'>
+          <Text weight='bold' size='xl' className='text-black'>
             <FormattedMessage id='streak_modal.sub' defaultMessage='streak!' />
           </Text>
         </HStack>

src/locales/en.json

@@ -1600,7 +1600,7 @@
   "streak_modal.message": "Post every day to keep it going.",
   "streak_modal.streak_count": "1",
   "streak_modal.sub": "streak!",
-  "streak_modal.title": "You've unlocked a",
+  "streak_modal.title": "You unlocked a",
   "streamfield.add": "Add",
   "streamfield.remove": "Remove",
   "suggestions.dismiss": "Dismiss suggestion",