feat(media): integrate Cloudinary external media provider and playground

[narr07]

Summary

This PR introduces support for Cloudinary as an external media provider in Nuxt Studio. This allows media files to be uploaded and hosted on Cloudinary instead of being committed directly to the Git repository or relying solely on NuxtHub Blob.

Key Changes

• Cloudinary Integration:
  • Added provider selection option under media config ('nuxthub' | 'cloudinary').
  • Added server-side credentials container (media.cloudinary) for secure, build-time configurations (cloudName, apiKey, apiSecret, and folder).
• Cloudinary API Handler:
  • Implemented the server-side media upload/list/delete handler route under src/module/src/runtime/server/routes/medias/[...path].cloudinary.ts interacting with Cloudinary's APIs.
  • Runtime credentials are kept secure on the server and never exposed to the client.
• Draft Management & Real-time Sync:
  • Refactored useDraftBase.ts and useDraftMedias.ts to immediately synchronize Cloudinary upload outputs with Nuxt Studio drafts without requiring page reloads.
  • Implemented an upload indicator state overlay for smoother user feedback.
• Cloudinary Playground:
  • Created a dedicated playground (playground/cloudinary/) containing custom content, routes, and styling configurations for testing the Cloudinary integration.
• Documentation:
  • Updated the media documentation (docs/content/6.medias.md) to guide users on configuring the Cloudinary provider.

How to Test

1. Set up your Cloudinary credentials in .env (using keys from .env.example).
2. Run the Cloudinary playground:

   pnpm run dev:cloudinary

[vercel]

@narr07 is attempting to deploy a commit to the Nuxt Team on Vercel.

A member of the Team first needs to authorize it.

[pkg-pr-new]

npm i https://pkg.pr.new/nuxt-studio@539

commit: da91788