Conficting eslint/prettier warnings causing build error

[trillium]

Describe the bug
There was a conflict between the eslinst and prettier rules that cause my build to fail for a social share icon I'm using1:

      <use
        xlinkHref="#wing"
        // eslint-disable-next-line prettier/prettier
        className="group-hover:animate-flutter-left group-focus:animate-flutter-left origin-center animate-[flutter_430ms_ease-in-out]"
      />
      <use
        xlinkHref="#wing"
        // eslint-disable-next-line prettier/prettier
        className="group-hover:animate-flutter-right group-focus:animate-flutter-right origin-center scale-x-[-1] animate-[flutter_500ms_ease-in-out]"
      />

FIle here:
https://github.com/trillium/trilliumsmith.com/blob/main/components/social-icons/icons.tsx

To Reproduce
Steps to reproduce the behavior:

1. Go to a component file
2. Add classes "group-hover:animate-flutter-right group-focus:animate-flutter-right origin-center scale-x-[-1] animate-[flutter_500ms_ease-in-out]" to a component
3. Save
4. Build
5. See error:

Replace "⏎········className="group-hover:animate-flutter-right·group-focus:animate-flutter-right·origin-center·scale-x-[-1]·animate-[flutter_500ms_ease-in-out]"
with "··className="origin-center·scale-x-[-1]·animate-[flutter_500ms_ease-in-out]·group-hover:animate-flutter-right·group-focus:animate-flutter-right"

6. Correct error to suggested state
7. Save
8. Observe class order to revert to order in step 2 and still cause build error

Expected behavior
Expect auto format saved order to be valid and not cause build errors.