fuggin whitespace

Author: rickhanlonii

src/content/learn/escape-hatches.md

@@ -453,20 +453,20 @@ This is not ideal. You want to re-connect to the chat only if the `roomId` has c
 <Sandpack>
 
 ```json package.json hidden	
-{	
-  "dependencies": {	
-    "react": "latest",	
-    "react-dom": "latest",	
-    "react-scripts": "latest",	
-    "toastify-js": "1.12.0"	
-  },	
-  "scripts": {	
-    "start": "react-scripts start",	
-    "build": "react-scripts build",	
-    "test": "react-scripts test --env=jsdom",	
-    "eject": "react-scripts eject"	
-  }	
-}	
+{
+  "dependencies": {
+    "react": "latest",
+    "react-dom": "latest",
+    "react-scripts": "latest",
+    "toastify-js": "1.12.0"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject"
+  }
+}
 ```
 
 ```js

src/content/learn/removing-effect-dependencies.md

@@ -1784,22 +1784,21 @@ Another of these functions only exists to pass some state to an imported API met
 
 <Sandpack>
 
-
 ```json package.json hidden	
 {	
-  "dependencies": {	
-    "react": "latest",	
-    "react-dom": "latest",	
-    "react-scripts": "latest",	
-    "toastify-js": "1.12.0"	
-  },	
-  "scripts": {	
-    "start": "react-scripts start",	
-    "build": "react-scripts build",	
-    "test": "react-scripts test --env=jsdom",	
-    "eject": "react-scripts eject"	
-  }	
-}	
+  "dependencies": {
+    "react": "latest",
+    "react-dom": "latest",
+    "react-scripts": "latest",
+    "toastify-js": "1.12.0"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject"
+  }
+}
 ```
 
 ```js src/App.js
@@ -2082,20 +2081,20 @@ As a result, the chat re-connects only when something meaningful (`roomId` or `i
 
 
 ```json package.json hidden	
-{	
-  "dependencies": {	
-    "react": "latest",	
-    "react-dom": "latest",	
-    "react-scripts": "latest",	
-    "toastify-js": "1.12.0"	
-  },	
-  "scripts": {	
-    "start": "react-scripts start",	
-    "build": "react-scripts build",	
-    "test": "react-scripts test --env=jsdom",	
-    "eject": "react-scripts eject"	
-  }	
-}	
+{
+  "dependencies": {
+    "react": "latest",
+    "react-dom": "latest",
+    "react-scripts": "latest",
+    "toastify-js": "1.12.0"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject"
+  }
+}
 ```
 
 ```js src/App.js

src/content/learn/reusing-logic-with-custom-hooks.md

@@ -1062,20 +1062,20 @@ export function showNotification(message, theme = 'dark') {
 ```
 
 ```json package.json hidden	
-{	
-  "dependencies": {	
-    "react": "latest",	
-    "react-dom": "latest",	
-    "react-scripts": "latest",	
-    "toastify-js": "1.12.0"	
-  },	
-  "scripts": {	
-    "start": "react-scripts start",	
-    "build": "react-scripts build",	
-    "test": "react-scripts test --env=jsdom",	
-    "eject": "react-scripts eject"	
-  }	
-}	
+{
+  "dependencies": {
+    "react": "latest",
+    "react-dom": "latest",
+    "react-scripts": "latest",
+    "toastify-js": "1.12.0"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject"
+  }
+}
 ```
 
 ```css