Support ESLint Flat Config

[shinGangan]

Description

In ESLint v8.0.0, only eslintrc format is supported.
the new flat format ‘Flat Config’ will be the default in ESLint v9.0.0

• https://eslint.org/blog/2023/10/flat-config-rollout-plans/

Problem Statement/Justification

Hi @segunadebayo and maintainer team.
Thanks to the great work of the maintainer team 👏

In ESLint v8.0.0, only eslintrc format is supported.
the new flat format ‘Flat Config’ will be the default in ESLint v9.0.0.

• https://eslint.org/blog/2023/10/flat-config-rollout-plans/

Do you have plans for supporting flat config in Panda CSS?
I would be happy to help if you plan to support to do.

Proposed Solution or API

We are experimenting with the following on this branch

• Support ESLint Flat Config
  • add eslint.config.js
  • delete .eslintrc.js, .eslintignore
• Migrate @typescript-eslint from v5 to v6: https://typescript-eslint.io/blog/announcing-typescript-eslint-v6/
  • Enable 'recommended', 'stylistic' ('typescript-eslint' team recommended).
  • Enable only rules that are the same as the v5 recommended rules.
  • Turn off rules added by 'stylistic' once so that they do not affect the roadmap

If there are no problems, I would like to submit a Pull Request.
/playground and /sandbox would like to supported by another Pull Requests

Alternatives

No response

Additional Information

ESLint

• https://eslint.org/blog/2023/10/flat-config-rollout-plans/
• Lint this repo using ESLint Flat Config vuejs/eslint-plugin-vue#2226
• chore: switch to ESLint flat config typescript-eslint/typescript-eslint#6836

@typescript-eslint

• https://typescript-eslint.io/blog/announcing-typescript-eslint-v6/
• Changes to configurations for 6.0.0 typescript-eslint/typescript-eslint#6014