[Prettier] Switch to a JS config file (#3917)

This allows us to add comments to settings.

* Use a better package for sorting imports.

* Add a note about an alternative plugin.

Author: DmitrySharabin

.prettierrc

@@ -0,0 +1,45 @@
+/**
+ * @see https://prettier.io/docs/configuration
+ * @type {import("prettier").Config}
+ */
+export default {
+	plugins: [
+		'@ianvs/prettier-plugin-sort-imports', // Consider https://www.npmjs.com/package/prettier-plugin-organize-imports as an alternative
+		'prettier-plugin-brace-style',
+		'prettier-plugin-space-before-function-paren',
+		'prettier-plugin-merge',
+	],
+	importOrder: [
+		'<BUILTIN_MODULES>', // Node.js built-in modules
+		'<THIRD_PARTY_MODULES>', // Imports not matched by other special words or groups.
+		'^\\.\\./', // Parent imports
+		'^\\./', // Sibling imports
+		'^\\.$', // Index file
+		'<TYPES>', // Type imports
+	],
+	braceStyle: 'stroustrup',
+	arrowParens: 'avoid',
+	bracketSpacing: true,
+	endOfLine: 'auto',
+	semi: true,
+	singleQuote: true,
+	tabWidth: 4,
+	useTabs: true,
+	trailingComma: 'es5',
+	quoteProps: 'preserve',
+	printWidth: 100,
+	overrides: [
+		{
+			files: ['*.yml', '*.yaml'],
+			options: {
+				tabWidth: 2,
+			},
+		},
+		{
+			files: '*.css',
+			options: {
+				singleQuote: false,
+			},
+		},
+	],
+};

.prettierrc.js

@@ -63,11 +63,11 @@
 	"readmeFilename": "README.md",
 	"devDependencies": {
 		"@eslint/js": "^9.24.0",
+		"@ianvs/prettier-plugin-sort-imports": "^4.4.1",
 		"@prettier/sync": "^0.5.2",
 		"@rollup/plugin-commonjs": "^28.0.3",
 		"@rollup/plugin-terser": "^0.4.4",
 		"@rollup/plugin-typescript": "^12.1.2",
-		"@trivago/prettier-plugin-sort-imports": "^5.2.2",
 		"@types/benchmark": "^2.1.2",
 		"@types/chai": "^5.2.1",
 		"@types/clean-css": "^4.2.11",