fix: fetch last 10 average when enabling showAverage (@d1rshan)

[d1rshan]

Description

Modes notice for last 10 average was not updating when changing showAverage from "off" to a different value after page reload because Last10Average.update() never ran (it's only called during test restart) and data stayed at default values (wpm = 0, acc = 0) and hence button was hidden.

Fix

Fixed by adding a configEvent listener in modes-notice.ts that fetches the average data before updating the UI when showAverage is enabled.

Closes #7961

[Leonabcd123]

Not sure how you tested this, but it's still broken for me when following the reproduction steps in the bug report. There seems to be a race condition going on between the update function in last-10-average and update in modes-notice. This:

monkeytype/frontend/src/ts/elements/modes-notice.ts

Lines 186 to 187 in b570bd1

	const avgWPM = Last10Average.getWPM();
	const avgAcc = Last10Average.getAcc();

Runs before this:

monkeytype/frontend/src/ts/elements/last-10-average.ts

Lines 17 to 18 in 2f00391

	averageWPM = Config.alwaysShowDecimalPlaces ? wpm : Math.round(wpm);
	averageAcc = Config.alwaysShowDecimalPlaces ? acc : Math.floor(acc);

[d1rshan]

hey @Leonabcd123 yeah ik i thought it worked because i left a stale line in modes-notice.ts to update everytime 😭 (that is what i force pushed ) i realized about the race condition, i'm figuring out what is the best solution here.

we could do this, but will trigger ModesNotice.update() twice, so not sure if this is a good idea.

configEvent.subscribe(({ key, newValue }) => {
if (key === "showAverage" && newValue !== "off") {
void update().then(() => ModesNotice.update());
}
});