Improve devcontainers, formatting and tailwind experience

[AlbertSanIza]

This pull request includes several changes to enhance the development environment, improve code formatting, and update the CI workflow. The most important changes include adding VSCode customizations, updating the GitHub Actions workflow, and integrating Prettier with Tailwind CSS.

Development Environment Enhancements:

• .devcontainer/devcontainer.json: Added VSCode extensions and settings for a better development experience, including extensions like better-comments, tailwindcss, gitlens, and prettier.
• .vscode/extensions.json: Added recommendations for VSCode extensions to ensure consistency across development environments.
• .vscode/settings.json: Configured VSCode settings for default formatter, format on save, quick suggestions, and file associations for Tailwind CSS.

CI Workflow Improvements:

• .github/workflows/main.yaml: Updated the workflow to trigger on additional pull request events and added conditions to run jobs only if the pull request is not a draft. [1] [2] [3]

Code Formatting:

• .prettierrc: Added the prettier-plugin-tailwindcss plugin to integrate Prettier with Tailwind CSS for consistent code formatting.
• package.json: Added prettier and prettier-plugin-tailwindcss to the project dependencies.

I strongly recommend that we adopt a standardized formatting approach for this pull request or create a new one to address the inconsistent formatting issues observed throughout the project.