ref(prettier): Configure prettier to format mdx w/ defaults (#6872)

* ref(prettier): Configure prettier to format mdx w/ defaults

Most of our users will be using the default prettier config, so we want
to format our codeblocks using this default

* style(lint): Auto commit lint changes

---------

Co-authored-by: getsantry[bot] <66042841+getsantry[bot]@users.noreply.github.com>

Author: evanpurkhiser

package.json

@@ -106,8 +106,8 @@
     "lint:links": "yarn run hyperlink public/",
     "lint:eslint": "eslint \"src/**/*.{ts,tsx,js,jsx}\"",
     "lint:eslint:fix": "eslint --fix \"src/**/*.{ts,tsx,js,jsx}\"",
-    "lint:prettier": "prettier --check \"./src/**/*.{ts,tsx,js,jsx}\"",
-    "lint:prettier:fix": "prettier --write \"./src/**/*.{ts,tsx,js,jsx}\"",
+    "lint:prettier": "prettier --check \"./src/**/*.{md,mdx,ts,tsx,js,jsx}\"",
+    "lint:prettier:fix": "prettier --write \"./src/**/*.{md,mdx,ts,tsx,js,jsx}\"",
     "start": "yarn run develop",
     "format": "prettier --write \"src/**/*.js\"",
     "remove-preview-deployments": "ts-node scripts/remove-preview-deployments.ts",

prettier.config.js

@@ -12,4 +12,17 @@ module.exports = {
   trailingComma: 'es5',
   useTabs: false,
   arrowParens: 'avoid',
+  overrides: [
+    // For mdx files we use the default prettier configs for codeblocks,
+    // since at least for javascript, this is what most people use
+    {
+      files: ['*.md', '*.mdx'],
+      options: {
+        bracketSpacing: true,
+        printWidth: 80,
+        singleQuote: false,
+        arrowParens: 'always',
+      },
+    },
+  ],
 };

src/platforms/javascript/common/session-replay/configuration.mdx

@@ -58,13 +58,9 @@ If you want to capture additional headers, you'll have to configure them with th
 
 ```javascript
 new Replay({
-  networkDetailAllowUrls: ['https://my-website.com/api'],
-  networkRequestHeaders: [
-    "Cache-Control",
-    ],
-  networkResponseHeaders: [
-    "Referrer-Policy",
-    ],
+  networkDetailAllowUrls: ["https://my-website.com/api"],
+  networkRequestHeaders: ["Cache-Control"],
+  networkResponseHeaders: ["Referrer-Policy"],
 });
 ```