docs(website): add under construction callouts and refine pages (#1851)

Author: Rel1cx

apps/website/CHANGELOG.md

@@ -6,8 +6,12 @@ All notable changes to the `apps/website` documentation and its content.
 
 ### 📝 Documentation
 
+- Added "Under Construction" callouts to documentation pages still in development (`community.mdx`, `contributing.mdx`, `diagrams.mdx`, `examples.mdx`, `packages/index.mdx`, `recipes/index.mdx`, `removed.md`, `roadmap.md`).
 - Added missing inline table of contents to `contributing.mdx`.
+- Refactored `packages/index.mdx` to focus on utility packages for building custom rules, replacing the full monorepo package listing with a card-based layout highlighting `@eslint-react/kit` and adding external resources.
+- Refactored `recipes/index.mdx` to use card-based layouts instead of tables for recipe listings.
 - Removed `no-multiple-children-in-title` recipe; the same check can be enforced by leveraging type system to restrict the `children` type accepted by `<title>` components. (Consider suggesting an update to the `<title>` children type definition in `@types/react` or `@types/react-dom`.)
+- Removed the `℞` prefix from recipe titles across the recipes section for cleaner headings.
 - Reworked the **Brand Assets** documentation page: removed the **Icons** section, added an under-construction callout, and migrated the page from `.md` back to `.mdx`; hidden from navigation (`!brand-assets`) pending completion.
 - Updated `kit.mdx` callout example and AST explanation.
 - Updated default React fallback version references to `19.2.7` across analyzer and kit docs (#1827).

apps/website/content/docs/community.mdx

@@ -7,6 +7,10 @@ import { BskyPost } from "@/components/BskyPost";
 import { GitHubRepoGrid } from "@/components/GitHubRepoGrid";
 import { projects, presets } from "./community.tsx";
 
+<Callout type="warn" title="Under Construction">
+  This page is under construction.
+</Callout>
+
 ## OSS Projects Using ESLint React
 
 <GitHubRepoGrid repos={projects} />

apps/website/content/docs/configuration/configure-analyzer.mdx

@@ -54,7 +54,7 @@ This allows rules to align their behavior with the React Compiler's optimization
 
 ## Advanced Configuration
 
-<Callout type="warning">
+<Callout type="warn">
   The basic configuration is sufficient for most projects. Over-reliance on advanced configuration options will reduce the portability of your code across different tooling ecosystems.
 </Callout>
 

apps/website/content/docs/configuration/configure-project-config.mdx

@@ -30,7 +30,7 @@ The following rules require type information:
 - [`react-x/no-leaked-conditional-rendering`](/docs/rules/no-leaked-conditional-rendering)
 - [`react-x/no-unused-props`](/docs/rules/no-unused-props)
 
-<Callout type="warning">
+<Callout type="warn">
   Some rules, such as `react-x/no-leaked-conditional-rendering`, work better when certain TypeScript compiler options are enabled. We recommend enabling `strictNullChecks` in your `tsconfig.json` or `jsconfig.json`:
 
   ```json

apps/website/content/docs/configuration/configure-project-rules.mdx

@@ -4,7 +4,7 @@ title: "Configure Project Rules"
 
 Configure [Project Rules](/docs/glossary#project-rules) using `@eslint-react/kit`.
 
-<Callout type="warning">
+<Callout type="warn">
   This module is currently in **beta**. APIs may change in future releases.
 </Callout>
 

apps/website/content/docs/contributing.mdx

@@ -6,6 +6,10 @@ full: true
 
 import { InlineTOC } from "fumadocs-ui/components/inline-toc";
 
+<Callout type="warn" title="Under Construction">
+  This page is under construction.
+</Callout>
+
 Contributions are welcome!
 
 This project does not have contributing guidelines. Explore the repository to learn how to contribute.

apps/website/content/docs/diagrams.mdx

@@ -10,6 +10,10 @@ import {
 } from "./diagrams.tsx";
 import { InlineTOC } from "fumadocs-ui/components/inline-toc";
 
+<Callout type="warn" title="Under Construction">
+  This page is under construction.
+</Callout>
+
 <InlineTOC items={toc}>Table of Contents</InlineTOC>
 
 ## Function Component Collector Sequence

apps/website/content/docs/examples.mdx

@@ -3,6 +3,10 @@ title: Examples
 description: Start quickly from ready-to-use ESLint React example projects
 ---
 
+<Callout type="warn" title="Under Construction">
+  This page is under construction.
+</Callout>
+
 ## Example Projects
 
 If you prefer to start from a working setup, you can use one of the official example projects:

apps/website/content/docs/faq.mdx

@@ -65,7 +65,7 @@ For users who use the presets we provide (such as `recommended` or `strict`), it
 
 For users who need more fine-grained control or build and maintain an ESLint configuration for themselves or their organization, it is recommended to use individual plugins. This allows you to freely select plugins and compose rules as needed, without being limited by presets.
 
-<Callout type="warning">
+<Callout type="warn">
   The unified plugin (`@eslint-react/eslint-plugin`) contains some historical decisions and internal behaviors that were originally made to be compatible with both [Legacy Config](https://eslint.org/docs/v8.x/use/configure/configuration-files) and [Flat Config](https://eslint.org/docs/v8.x/use/configure/configuration-files-new). Reducing external package dependencies on it is better in the long run.
 </Callout>
 

apps/website/content/docs/migrating-from-eslint-plugin-react.mdx

@@ -18,7 +18,7 @@ ESLint React is a collection of ESLint plugins and utilities for React, with a f
 
 ## Rule Comparison Table
 
-<Callout type="warning">
+<Callout type="warn">
   Not all rules have direct equivalents, and some behave differently.
 </Callout>