fix lint error with custom CSS class (graphql-hive#2300)

* fix lint error with custom CSS class

Relates to graphql-hive#2261 - this makes the linter pass all the checks. The
issue is that "nextra" is some kind of indirect dependency for
the website but two components are using `nextra-scrollbar` CSS
class.

I fixed this by adding this class to whitelist of the
`tailwindcss/no-custom-classname` eslint rule.

* add todo comment

---------

Co-authored-by: Dimitri POSTOLOV <[email protected]>

Author: comatory

.eslintrc.cjs

@@ -95,7 +95,13 @@ module.exports = {
         'tailwindcss/enforces-negative-arbitrary-values': 'error',
         'tailwindcss/enforces-shorthand': 'error',
         'tailwindcss/migration-from-tailwind-2': 'error',
-        'tailwindcss/no-custom-classname': 'error',
+        'tailwindcss/no-custom-classname': [
+          'error',
+          {
+            // TODO: figure out why there is an error only on CI
+            whitelist: ['nextra-scrollbar'],
+          },
+        ],
         'react/no-unknown-property': ['error', { ignore: ['jsx', 'global'] }],
       },
       settings: {