With the [official instruction](https://nextjs.org/docs/app/api-reference/config/eslint#with-prettier) on how to add Prettier to Next.js

const eslintConfig = [
  ...compat.config({
    extends: ['next', 'prettier'],
  }),
]

However, my files doesn't look the same, it is

const eslintConfig = [
  ...compat.extends("next/core-web-vitals", "next/typescript", "prettier"),
];

At this point. how do I prettify my code?
1. What command do I need to run?
2. Does it enforce prettier before git committing?