Prettier Refactor to Top Level

[ccorda]

Lately we've had more success when using prettier to have a single config at the top then applies consistent formatting in various subfolders.

Also we've been switchiing to *.config.js instead of various JSON formats.

[ccorda]

One note for the future, I went to update to eslint 9 and the new flat config, but it seems that Next isn't compatible yet: https://github.com/vercel/next.js/issues/64409

When it is, we'll want something like this:

// eslint.config.js
const next = require('@next/eslint-plugin-next');
const prettier = require('eslint-config-prettier');
const react = require('eslint-plugin-react');
const reactRecommended = require('eslint-plugin-react/configs/recommended');
const globals = require('globals');

module.exports = [
  // {
  //   files: ['src/**/*.{js,jsx,ts,tsx}'],
  //   ...reactRecommended,
  // },
  // {
  //   files: ['src/**/*.{js,jsx,ts,tsx}'],
  //   languageOptions: {
  //     globals: {
  //       ...globals.serviceworker,
  //       ...globals.browser,
  //     },
  //   },
  // },
  {
    files: ['src/**/*.{js,jsx,ts,tsx}'],
    ...next.configs.recommended,
  },
  {
    files: ['src/**/*.{js,jsx,ts,tsx}'],
    ...prettier,
  },
];