fix(client): link to github.com/codespaces to resume RDB workspace (#69575)

client/i18n/locales/english/translations.json

@@ -652,8 +652,9 @@
       "step-7": "Clicking on the <0>Command Palette</0> option,",
       "step-8": "and running the <0>CodeRoad: Start</0> command",
       "step-9": "Follow the instructions in CodeRoad to complete the course",
-      "continue-project": "Clicking the start button below will start a new project. If you have previously started the {{title}} course, go to the <0>repository page</0> to re-open a previous workspace.",
+      "continue-project": "Clicking the start button below will start a new project. If you have previously started the {{title}} course, go to <0>your Codespaces</0> to re-open a previous workspace.",
       "learn-more": "Learn more about <0>Codespace workspaces</0>.",
+      "reuse-tab-warning": "Don't bookmark the link the start button opens, or reuse an old browser tab from a previous session. Doing so opens a new workspace instead of resuming your previous one, and it may look like your progress was lost. Use your Codespaces list to resume instead.",
       "logout-warning": "If you log out of freeCodeCamp before you complete the entire {{course}} course, your progress will not be saved to your freeCodeCamp account.",
       "sub-step-3": "Navigate to your <0>Codespaces secrets page</0>",
       "sub-step-4": "Create a new secret named <0>CODEROAD_WEBHOOK_TOKEN</0>",

client/src/templates/Challenges/codeally/codespaces-instructions.tsx

@@ -164,27 +164,33 @@ interface CodespacesContinueAlertProps {
 function CodespacesContinueAlert({ title }: CodespacesContinueAlertProps) {
   const { t } = useTranslation();
   return (
-    <Callout variant='note' label={t('misc.note')}>
-      <Trans values={{ title }} i18nKey='learn.codespaces.continue-project'>
-        <a
-          href='https://github.com/freeCodeCamp/rdb-alpha'
-          rel='noopener noreferrer'
-          target='_blank'
-        >
-          placeholder
-        </a>
-      </Trans>
-      <Spacer size='m' />
-      <Trans i18nKey='learn.codespaces.learn-more'>
-        <a
-          href='https://forum.freecodecamp.org/t/relational-database-curriculum-in-codespaces/761449'
-          rel='noopener noreferrer'
-          target='_blank'
-        >
-          placeholder
-        </a>
-      </Trans>
-    </Callout>
+    <>
+      <Callout variant='note' label={t('misc.note')}>
+        <Trans values={{ title }} i18nKey='learn.codespaces.continue-project'>
+          <a
+            href='https://github.com/codespaces'
+            rel='noopener noreferrer'
+            target='_blank'
+          >
+            placeholder
+          </a>
+        </Trans>
+        <Spacer size='m' />
+        <Trans i18nKey='learn.codespaces.learn-more'>
+          <a
+            href='https://forum.freecodecamp.org/t/relational-database-curriculum-in-codespaces/761449'
+            rel='noopener noreferrer'
+            target='_blank'
+          >
+            placeholder
+          </a>
+        </Trans>
+      </Callout>
+      <Spacer size='xs' />
+      <Callout variant='caution' label={t('misc.caution')}>
+        {t('learn.codespaces.reuse-tab-warning')}
+      </Callout>
+    </>
   );
 }