feat(tailwind): add check for max-width CSS utils

We want to try and only use min-width CSS utils to keep our codebase consistent and our bundle size small. There may be exceptions such as gitlab-stylelint-config!42 (comment 2096850187) and that is okay. This rule can always be disabled on a line by line basis.

Screenshots

Offenses in JavaScript

Offenses in Vue <script>

Offenses in Vue <template>

How to test this locally?

1. Install yalc if you haven't already: https://github.com/wclr/yalc
2. Checkout this branch and publish it with yalc:

   yalc publish

3. In your GitLab repo install the published development package:

   yalc add @gitlab/eslint-plugin

4. Cleanup after testing

yalc remove @gitlab/eslint-plugin