eslint-plugin: Add rule to check that makeStyles is not called inside a React component

[NotWoods]

(or just called at module root)

When migrating to Fluent v9 & Griffel I've seen some devs use makeStyles inside a React component, since they want to pass in JS variables like the old CSS-in-JS system. It would be nice to have a lint rule to ensure that makeStyles is only called at the root.

[layershifter]

FYI: makeStyles will throw if it's called inside a component in development mode:

griffel/packages/react/src/makeStyles.ts

Lines 32 to 41 in 9228140

	if (process.env.NODE_ENV !== 'production') {
	if (isInsideComponent()) {
	throw new Error(
	[
	"makeStyles(): this function cannot be called in component's scope.",
	'All makeStyles() calls should be top level i.e. in a root scope of a file.',
	].join(' '),
	);
	}
	}

But, I agree that a ESLint rule is more ergonomic 👍