display end date for trailing

Author: ButteryCrumpet

src/cloud/components/settings/TeamSubLimit.tsx

@@ -92,6 +92,13 @@ const TeamSubLimit = ({
             </div>
           </>
         )}
+        {!currentSubInfo.info.trialIsOver && (
+          <p className='note-limit'>
+            {translate(lngKeys.SettingsSubLimitTrialDate, {
+              date: format(currentSubInfo.info.endDate, 'dd MMM, yyyy'),
+            })}
+          </p>
+        )}
         <p className='note-limit'>
           {translate(
             currentSubInfo.info.trialIsOver

src/cloud/lib/i18n/enUS.ts

@@ -160,7 +160,7 @@ const enTranslation: TranslationSource = {
   [lngKeys.SettingsSubLimitTrialUpgrade]:
     'You can upgrade at anytime during your trial.',
   [lngKeys.SettingsSubLimitTrialEnd]:
-    'Your trial has ended at {{date}}. Please upgrade now.',
+    'Your trial has ended on {{date}}. Please upgrade now.',
   [lngKeys.SettingsSubLimitUnderFreePlan]:
     'Under the free plan, you can create up to {{limit}} docs.',