CCM-11492 Update link on MessagePlansList

Author: nicki-nhs

frontend/src/__tests__/components/molecules/__snapshots__/MessagePlansList.test.tsx.snap

@@ -65,7 +65,7 @@ exports[`MessagePlansList matches snapshot when data is available 1`] = `
                 Name 
               </span>
               <a
-                href="/message-plan/3"
+                href="/message-plans/choose-templates/3"
               >
                 Draft Y
               </a>

frontend/src/components/molecules/MessagePlansList/MessagePlansList.tsx

@@ -8,6 +8,7 @@ import Link from 'next/link';
 import { MarkdownContent } from '@molecules/MarkdownContent/MarkdownContent';
 import type { RoutingConfigStatusActive } from 'nhs-notify-backend-client';
 import { messagePlanStatusToDisplayText } from 'nhs-notify-web-template-management-utils';
+import { interpolate } from '@utils/interpolate';
 
 export type MessagePlanListItem = {
   name: string;
@@ -41,7 +42,11 @@ export const MessagePlansList = (props: MessagePlansListProps) => {
   const rows = props.plans.map((plan) => (
     <Table.Row key={plan.id}>
       <Table.Cell>
-        <Link href={messagePlansListComponent.previewLink(plan.id)}>
+        <Link
+          href={interpolate(messagePlansListComponent.messagePlanLink, {
+            routingConfigId: plan.id,
+          })}
+        >
           {plan.name}
         </Link>
       </Table.Cell>

frontend/src/content/content.ts

@@ -1175,7 +1175,7 @@ const messagePlansPage = {
 const messagePlansListComponent = {
   tableHeadings: ['Name', 'Routing Plan ID', 'Last edited'],
   noMessagePlansMessage: 'You do not have any message plans in {{status}} yet.',
-  previewLink: (id: string) => `/message-plan/${id}`,
+  messagePlanLink: '/message-plans/choose-templates/{{routingConfigId}}',
 };
 
 const chooseMessageOrder = {