Update Nuxt framework guide for Nuxt 4 (#2309)

This pull request updates the Nuxt installation guide to align with the
changes introduced in Nuxt 4. The current instructions can lead to
confusion and errors for users setting up a new Nuxt 4 project.

### What does this PR do?

* Updates the file paths to reflect Nuxt 4's new `app` directory
structure.
(https://nuxt.com/docs/4.x/guide/directory-structure/app/assets)
* Updates the `compatibilityDate` in the `nuxt.config.ts` example to a
more recent value.

---------

Co-authored-by: Jordan Pittman <jordan@cryptica.me>

Author: Denis6902

src/app/(docs)/docs/installation/framework-guides/nuxtjs.tsx

@@ -17,15 +17,15 @@ export let steps: Step[] = [
     title: "Create your project",
     body: (
       <p>
-        Start by creating a new Nuxt project if you don’t have one set up already. The most common approach is to use
-        the <a href="https://nuxt.com/docs/getting-started/installation">Nuxt Command Line Interface</a>.
+        Start by creating a new Nuxt project if you don’t have one set up already. The most common approach is to use{" "}
+        <a href="https://nuxt.com/docs/4.x/getting-started/installation#new-project">Create Nuxt</a>.
       </p>
     ),
     code: {
       name: "Terminal",
       lang: "shell",
       code: shell`
-        npx nuxi init my-project
+        npm create nuxt my-project
         cd my-project
       `,
     },
@@ -60,7 +60,7 @@ export let steps: Step[] = [
         import tailwindcss from "@tailwindcss/vite";
 
         export default defineNuxtConfig({
-          compatibilityDate: "2024-11-01",
+          compatibilityDate: "2025-07-15",
           devtools: { enabled: true },
           vite: {
             plugins: [
@@ -76,7 +76,7 @@ export let steps: Step[] = [
     title: "Import Tailwind CSS",
     body: (
       <p>
-        Create an <code>./assets/css/main.css</code> file and add an <code>@import</code> that imports Tailwind CSS.
+        Create an <code>./app/assets/css/main.css</code> file and add an <code>@import</code> that imports Tailwind CSS.
       </p>
     ),
     code: {
@@ -91,7 +91,7 @@ export let steps: Step[] = [
     title: "Add the CSS file globally",
     body: (
       <p>
-        Add your newly-created <code>./assets/css/main.css</code> to the <code>css</code> array in your{" "}
+        Add your newly-created <code>./app/assets/css/main.css</code> to the <code>css</code> array in your{" "}
         <code>nuxt.config.ts</code> file.
       </p>
     ),
@@ -102,7 +102,7 @@ export let steps: Step[] = [
         import tailwindcss from "@tailwindcss/vite";
 
         export default defineNuxtConfig({
-          compatibilityDate: "2024-11-01",
+          compatibilityDate: "2025-07-15",
           devtools: { enabled: true },
           // [!code highlight:2]
           css: ['~/assets/css/main.css'],