[Website] Properly set up prettier

[tobias-tengler]

No description provided.

[Copilot]

Pull request overview

This PR sets up Prettier for website-next (including Tailwind class sorting) and applies the formatter across the website codebase/content, then enforces formatting in CI.

Changes:

• Add Prettier + prettier-plugin-tailwindcss and a prettier.config.mjs for website-next.
• Add format / format:check scripts and run formatting across TS/TSX/MJS/CSS/MD content.
• Add a CI “Format Check” step for website-next.

Reviewed changes

Copilot reviewed 108 out of 113 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
.github/workflows/ci.yml	Adds a website-next format check step in CI.
website-next/AGENTS.md	Formatting-only adjustments.
website-next/README.md	Formatting-only adjustments.
website-next/app/(content)/legal/acceptable-use-policy/page.tsx	Formatting-only adjustments.
website-next/app/(content)/legal/cookie-policy/page.tsx	Formatting-only adjustments.
website-next/app/(content)/legal/privacy-policy/page.tsx	Formatting-only adjustments.
website-next/app/(content)/legal/terms-of-service/page.tsx	Formatting-only adjustments.
website-next/app/(content)/licensing/chillicream-license/page.tsx	Formatting-only adjustments.
website-next/app/(content)/platform/ecosystem/page.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/app/(content)/platform/page.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/app/(content)/products/hotchocolate/page.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/app/(content)/products/nitro/NitroDownload.tsx	Formatting-only adjustments.
website-next/app/(content)/products/nitro/page.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/app/(content)/products/strawberryshake/page.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/app/(content)/resources/page.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/app/(content)/services/page.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/app/(content)/services/support/contact/ContactForm.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/app/(content)/services/support/page.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/app/blog/[...slug]/page.tsx	Formatting-only adjustments.
website-next/app/blog/tags/[tag]/[page]/page.tsx	Formatting-only adjustments.
website-next/app/blog/tags/[tag]/page.tsx	Formatting-only adjustments.
website-next/app/docs/page.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/app/globals.css	Formatting-only adjustments.
website-next/app/sitemap.ts	Formatting-only adjustments.
website-next/content/blog/2024-10-30-newsletter-october.md	Formatting-only adjustments.
website-next/content/blog/2026-05-15-fusion-16.md	Formatting-only adjustments.
website-next/content/blog/2026-05-28-mcp-hotchocolate-fusion.md	Formatting-only adjustments.
website-next/content/docs/fusion/composition.md	Formatting-only adjustments (table alignment/whitespace).
website-next/content/docs/hotchocolate/build/adapters/openapi.md	Formatting-only adjustments (code block wrapping).
website-next/content/docs/hotchocolate/defining-a-schema/scalars.md	Formatting-only adjustments (table alignment/whitespace).
website-next/content/docs/hotchocolate/migrating/migrate-from-13-to-14.md	Formatting-only adjustments.
website-next/content/docs/mocha/index.md	Formatting-only adjustments (table alignment/whitespace).
website-next/content/docs/mocha/sagas.md	Formatting-only adjustments (table alignment/whitespace).
website-next/content/docs/nitro/integrations/express.md	Formatting-only adjustments (code block commas).
website-next/content/docs/skillz/troubleshooting.md	Formatting-only adjustments (table alignment/whitespace).
website-next/content/docs/strawberryshake/subscriptions.md	Formatting-only adjustments.
website-next/eslint.config.mjs	Formatting-only adjustments.
website-next/package.json	Adds Prettier scripts and devDependencies.
website-next/prettier.config.mjs	Adds Prettier config enabling Tailwind class sorting plugin.
website-next/scripts/optimize-images.mjs	Formatting-only adjustments.
website-next/src/components/BlogMetadata.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/BlogShareBar.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/BlogSidebar.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/BlogTeaser.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/BlogTeaserGrid.tsx	Formatting-only adjustments.
website-next/src/components/ContentSection.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/DocPageMeta.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/DocsToolbar.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/EditOnGitHub.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/ExampleTabs.tsx	Formatting-only adjustments.
website-next/src/components/Footer.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/FromOurBlog.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/Header.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/InputChoiceTabs.tsx	Formatting-only adjustments.
website-next/src/components/MobileNav.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/MochaTopologyVisualization.tsx	Formatting-only adjustments.
website-next/src/components/MochaTopologyVisualizationInner.tsx	Formatting-only adjustments.
website-next/src/components/NextStepsSection.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/NotFoundContent.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/Offering.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/PageHero.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/PipelineChoiceTabs.tsx	Formatting-only adjustments.
website-next/src/components/PlanGrid.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/ProductSelector.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/Section.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/Sidebar.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/SidebarDrawer.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/SimilarPosts.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/TableOfContents.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/TocActive.tsx	Formatting-only adjustments.
website-next/src/components/TocDrawer.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/VideoFacade.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/YouTubeVideo.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/header/HeaderNav.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/components/header/navData.tsx	Formatting-only adjustments.
website-next/src/design-system/ApiChoiceTabs.tsx	Formatting-only adjustments.
website-next/src/design-system/BrokenMedia.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/design-system/CodeBlock.languages.stories.tsx	Formatting-only adjustments.
website-next/src/design-system/CodeBlock.stories.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/design-system/CodeBlock.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/design-system/CodeStep.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/design-system/Divider.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/design-system/Dropdown.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/design-system/FormField.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/design-system/Image.stories.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/design-system/Image.tsx	Formatting-only adjustments.
website-next/src/design-system/InlineCode.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/design-system/Input.tsx	Formatting-only adjustments.
website-next/src/design-system/Link.stories.tsx	Formatting-only adjustments.
website-next/src/design-system/Pagination.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/design-system/Quote.stories.tsx	Formatting-only adjustments.
website-next/src/design-system/Quote.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/design-system/Table.stories.tsx	Formatting-only adjustments.
website-next/src/design-system/Table.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/design-system/Tabs.tsx	Tailwind class reordering via Prettier plugin + formatting.
website-next/src/design-system/TagList.tsx	Formatting-only adjustments.
website-next/src/design-system/codeBlockStoryUtils.tsx	Formatting-only adjustments.
website-next/src/design-system/languages.ts	Formatting-only adjustments.
website-next/src/helpers/blogPaths.ts	Formatting-only adjustments.
website-next/src/helpers/buildBlogTree.ts	Formatting-only adjustments.
website-next/src/helpers/buildContentTree.ts	Formatting-only adjustments.
website-next/src/helpers/compileDoc.ts	Formatting-only adjustments.
website-next/src/helpers/detectAdmonition.ts	Formatting-only adjustments.
website-next/src/helpers/readingTime.ts	Formatting-only adjustments.
website-next/src/helpers/slugify.ts	Formatting-only adjustments.
website-next/src/icons/ChilliCreamWinking.tsx	Formatting-only adjustments.
website-next/src/image-optimization/generate.mjs	Formatting-only adjustments.
website-next/src/image-optimization/manifest.ts	Formatting-only adjustments.
website-next/src/recma/exportToc.mjs	Formatting-only adjustments.
website-next/src/rehype/styleStringToObject.mjs	Formatting-only adjustments.
website-next/src/remark/rewriteMdLinks.mjs	Formatting-only adjustments.
website-next/src/remark/youtubeEmbed.mjs	Formatting-only adjustments.
website-next/yarn.lock	Adds Prettier + Tailwind plugin lock entries.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.