Implement AFD cycling header

[eric-gade]

Description

We need to implement the cycling header component from the original AFD design Figma.

This will entail, at least, the following:

• Backend changes to the AFD rendered nodes that include URLs for "previous" and "next" links, if available, along with the conditional rendering of the corresponding arrow button links;
• A redesign of the text in the header to account for the lack of a 1:1 mapping between WFOs and States

Acceptance criteria

• [ ] Users can press a next arrow which will navigate to the next available AFD version for the given WFO (if available)
• [ ] Users can press a previous arrow which will navigate to the previous AFD version for the given WFO (if available)
• [ ] There is translatable header text above the arrows describing the WFO
• [ ] Playwright tests have been implemented or modified to capture cycling behavior and logic

[colinmurphy01]

Question for @partly-igor does previous = past and next = future? What's the state when you're at the most recent AFD? Is next inactive? Same with at the last version, is previous inactive?

[partly-igor]

1. Yes "previous" is the past and "next" is the future
2. The first version should have no "next" link, the last version should have no "previous" link. Positions of the links should the same (left aligned for previous, right aligned for next) regardless if both are present or not.

[colinmurphy01]

Had a brief discussion about the priority of this feature and have decided to deprioritize for now.