[admin_v3] Update all table styles

[dacook]

What? Why?

This updates the general styles for all tables in the admin interface (behind feature toggle), according to the new design.

• Further applies new styling for [BUU] As an enterprise user, I can see the back office with new brand colours #10630

One example:

More context: while preparing for the new admin product table, I applied some of the new styles across all tables (because we want to do this anyway). I've extracted this from the closed PR.

What should we test?

The style changes are pretty low-risk changes, behind a feature toggle, and will continue to be refined before release, so I think we don't need to test for functionality at this point.

What's changed?

This includes some changes to background/foreground colours, which we might need to resolve before releasing the feature toggle.

• odd/even table rows used to have different background colours, now they are mostly all white
• pagination area used to be white, now it is grey (to accomodate white pagination buttons).
• pagination buttons are now white with barely any border, but they should always appear inside the grey pagination area.

Other changes include:

• base font colour has gone from the old blue to near-black (#191C1D). This changes the font colour inside tables, but also form labels and maybe other things.
• Remove uppercasing of form elements and titles. They now appear mostly in sentence case, although I noticed an odd one out.

Release notes

Changelog Category: Feature toggle 😎

The title of the pull request will be included in the release notes.

Dependencies

Documentation updates

• After merging, we can update the link here to point to master: https://github.com/openfoodfoundation/openfoodnetwork/wiki/Design-system

[mariocarabotta]

• odd/even table rows used to have different background colours, now they are all white > tweaking the spacing between row should fix readability on this
• pagination buttons are now white with barely any border > I think this is aligned with the new style of pagination, should be ok
• pagination area used to be white, now it is grey (to accomodate white pagination buttons) > see above
• base font colour has gone from the old blue to near-black (#191C1D). This changes the font colour inside tables, but also form labels and maybe other things. > this is a good thing. there's really no reason to use blue as a base colour for text
• Remove uppercasing of form elements and titles. They now appear mostly in sentence case, although I noticed an odd one out. > sentence case is more readable than uppercase (except in very rare occasions), I'll keep an eye on that to see if I spot other ones

[dacook]

A few more tweaks and let's go!

• update colour for all headers (change dark blues to "Sherpa blue)
• also update column header colours
• increase left border to match
• fix bottom border

[jibees]

Looks good to me. Two concerns:

• I think we should prettier ignore only file, not folder.
• I'm afraid about resolving conflicts with our PRs ... ;)

[rioug]

Looks good 👍

[rioug]

Do we need @mariocarabotta review on this as well ?

[dacook]

Thanks, Mario will review further once it has been released and can be reviewed with real-life data.

I've fixed conflicts and will merge once specs pass.