Add complaint link and redesign footer

[dati18]

No description provided.

[github-actions]

Deployment previews on netlify for branch refs/pull/1012/merge will be at the following locations (when build is done):

• UI with mock store: https://a459e0cf4e-mock--wbstack-ui.netlify.app/
• UI pointing to prod: https://a459e0cf4e-prod--wbstack-ui.netlify.app/

[dati18]

I have to remove the logic behind "flexible breakpoints" and fallback to use static CSS breakpoint because it's annoying, waste of effort and totally fragile.
In Firefox it can work fine and the breakpoint is calculated at480px, but on Chrome it is 450px and weird behaviors occur. This is due to Firefox and Chrome calculate the widths of flex items, scrollbars, subpixel rounding, or default styles differently. In my code, the breakpoint is determined by JavaScript measuring the combined width of the two columns plus a fixed value (col1Width + col2Width + 176). This calculation can yield slightly different results in different browsers.
I prefer consistency, easy to maintain and easy to be reviewed code over over-engineering crap.

Sorry for reading my vent :(

[rosalieper]

I wonder why I see already merged changes in your PR. could you try rebasing please? The form is a merged change and it is part of your change.