Make goal copy in ticker configurable (#2065)

## What are you changing?

The PR is to make the goal copy in ticker configurable ie the word
"goal" after 50,000 on this ticker

<img width="462" alt="image"
src="https://github.com/user-attachments/assets/86b7d348-c82c-4d4f-a548-098869dc78b4"
/>



## Why?

This is to change word "goal" after 50,000 on this ticker to "readers"
to show that it's for supporter count

Author: LAKSHMIRPILLAI

.changeset/fast-wombats-post.md

@@ -0,0 +1,5 @@
+---
+'@guardian/source-development-kitchen': minor
+---
+
+Make the goalCopy in tickerCopy configurable

libs/@guardian/source-development-kitchen/src/react-components/ticker/Ticker.stories.tsx

@@ -24,7 +24,9 @@ const Template: StoryFn<typeof Ticker> = (args: TickerSettings) => (
 export const HalfwayContributed: StoryFn<typeof Ticker> = Template.bind({});
 HalfwayContributed.args = {
 	currencySymbol: '£',
-	copy: {},
+	copy: {
+		goalCopy: 'goal',
+	},
 	tickerData: {
 		total: 50000,
 		goal: 100000,
@@ -38,6 +40,7 @@ SmallDonationsSoFar.args = {
 	currencySymbol: '£',
 	copy: {
 		headline: 'Help us reach our end-of-year goal',
+		goalCopy: 'goal',
 	},
 	tickerData: {
 		total: 99,
@@ -52,6 +55,7 @@ ContributionGoalMet.args = {
 	currencySymbol: '£',
 	copy: {
 		headline: 'Help us reach our end-of-year goal',
+		goalCopy: 'goal',
 	},
 	tickerData: {
 		total: 10000000,

libs/@guardian/source-development-kitchen/src/react-components/ticker/Ticker.tsx

@@ -13,6 +13,7 @@ import { useTicker } from './useTicker';
 
 interface TickerCopy {
 	headline?: string;
+	goalCopy?: string;
 }
 
 export interface TickerData {
@@ -186,7 +187,7 @@ export const Ticker = ({
 								{runningTotal.toLocaleString()}
 							</span>{' '}
 							of {currencySymbol}
-							{tickerData.goal.toLocaleString()} goal
+							{tickerData.goal.toLocaleString()} {copy.goalCopy ?? 'goal'}
 						</div>
 					</div>
 				</div>