Trust Centre Tiles Footer Block for React

Edit the TILES array at the top of the file: each tile has a title, an icon, one line and a list of links. Keep three, since they fill the row from md; the line should say what the page behind the links covers, in one sentence.

It is a small dot in the foreground tone with the word "Current" next to it. The dot is decoration and the word carries the meaning. Show it only while it is true, and take it off a tile whose documents are out of date. A warning colour is reserved for a real exception; this block shows none.

Opening a popover for each tile would hide the links behind a click and add three tab stops that do nothing on their own. Here every link is visible, so one Tab reaches each one, and a screen reader lists three groups, each under its own h2, inside a single Footer navigation.

The block is a footer element, so at the end of the page it is the content-info landmark. The three tiles are groups in one nav labelled Footer, each with an h2; the legal links are a labelled list. Every link shows the theme's focus ring when reached by keyboard.

The tiles stack one per row, divided by hairlines, under the wordmark and sentence, and the legal band stacks last. Nothing scrolls sideways at 320 pixels.

It is the current year, read when the footer renders, so it never goes stale. The block is a server component with no state, so on a server-rendered site the year is the server's when the page was built or rendered.