Use string constants for page text

Author: wildjames

packages/cpt-ui/app/selectyourrole/page.tsx

@@ -105,7 +105,7 @@ export default function SelectYourRolePage() {
         );
     }
 
-    const { title, caption, insetText, confirmButton, alternativeMessage } =
+    const { title, caption, insetText, confirmButton, alternativeMessage, organisation, role } =
         SELECT_ROLE_PAGE_TEXT;
 
     return (
@@ -168,8 +168,8 @@ export default function SelectYourRolePage() {
                                     <Table>
                                         <Table.Head>
                                             <Table.Row>
-                                                <Table.Cell>Organisation</Table.Cell>
-                                                <Table.Cell>Role</Table.Cell>
+                                                <Table.Cell>{organisation}</Table.Cell>
+                                                <Table.Cell>{role}</Table.Cell>
                                             </Table.Row>
                                         </Table.Head>
                                         <Table.Body>

packages/cpt-ui/constants/ui-strings/CardStrings.ts

@@ -36,5 +36,7 @@ export const SELECT_ROLE_PAGE_TEXT = {
     text: "Confirm and continue to find a prescription",
     link: "tracker-presc-no"
   },
-  alternativeMessage: "Alternatively, you can choose a new role below."
+  alternativeMessage: "Alternatively, you can choose a new role below.",
+  organisation: "Organisation",
+  role: "Role"
 }