fix: clean up code formatting and update dependencies in blog posts

Author: Code-Parth

apps/www/content/blog/installing-tailwind-css.mdx

@@ -97,7 +97,6 @@ Alright, this next part is the most critical step of the entire process. Serious
 
 Open up your `tailwind.config.js` file and find the `content` array. You need to add paths to every single file that might contain a Tailwind class—HTML files, JavaScript components, you name it.
 
-
 ```ts
 /** @type {import('tailwindcss').Config} \*/
 export default {
@@ -176,9 +175,8 @@ The real key is modifying your `tailwind.config.js`. You need to point the `cont
 
 ```ts
 // tailwind.config.js
-/** @type {import('tailwindcss').Config} */
+/** @type {import('tailwindcss').Config} \*/
 export default {
-
   content: ["./index.html", "./src/**/\*.{js,ts,jsx,tsx}"],
   theme: {
     extend: {},
@@ -201,7 +199,7 @@ The only significant difference is the `content` path in `tailwind.config.js`. Y
 
 ```ts
 // tailwind.config.js
-/** @type {import('tailwindcss').Config} */
+/** @type {import('tailwindcss').Config} \*/
 module.exports = {
   content: [
     "./pages/**/_.{js,ts,jsx,tsx,mdx}",
@@ -288,7 +286,6 @@ First, you'll need to install the package:
 
 Then, just require it inside the `plugins` array in your config file.
 
-
 ```ts
 // tailwind.config.js
 module.exports = {

apps/www/content/blog/next-js-getting-started.mdx

@@ -55,11 +55,9 @@ Before you dive in, just make sure you have **Node.js version 18.17 or later** i
 
 To get the ball rolling, navigate in your terminal to wherever you want your new project to live. Then, run this single command:
 
-```bash
 npx create-next-app@latest
-```
 
-This kicks off an interactive setup process that will walk you through a few questions. It's a great way to customize the project to your specific needs right from the get-go.
+This kicks off an interactive setup process that will walk you through a few questions. It’s a great way to customize the project to your specific needs right from the get-go.
 
 > Answering these prompts thoughtfully is your first big step. The choices you make here—like using TypeScript or setting up Tailwind CSS—will shape your development workflow from day one.
 
@@ -164,7 +162,7 @@ Now that you have a couple of pages, you need a way for people to get between th
 
 To connect your homepage to the about page, you'll import `Link` from `next/link` and use it almost exactly like a regular `<a>` tag. If you want to dive deeper into building a complete navigation bar, there are some great tutorials on building a [navbar in React.js](https://magicui.design/blog/navbar-in-react-js) that you can easily adapt.
 
-Here's a quick example of how you could add a link to your `app/page.tsx`:
+Here’s a quick example of how you could add a link to your `app/page.tsx`:
 
 ```tsx
 // app/page.tsx

apps/www/content/blog/tailwind-css-button.mdx

@@ -221,13 +221,16 @@ Here’s the basic skeleton:
 ```tsx
 // A basic structure for a reusable Button component
 function Button({ children, variant = 'primary', size = 'md', ...props }) {
-// We'll add class logic here const baseClasses = 'font-semibold rounded-lg shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2';
+// We'll add class logic here
+const baseClasses = 'font-semibold rounded-lg shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2';
+
 // The final className will be built conditionally
-  return (
-    <button className={...} {...props}>
-      {children}
-    </button>
-  );
+return (
+
+<button className={...} {...props}>
+{children}
+</button>
+);
 }
 ```