docs(cli): cleanup and explain the create command better

Author: SutuSebastian

apps/web/content/docs/customize/config.mdx

@@ -143,7 +143,7 @@ Example config for manual mode:
 The CLI uses the configuration file to determine how to create new components:
 
 ```bash
-npx flowbite-react create MyComponent
+npx flowbite-react@latest create my-component
 ```
 
 The component creation process is affected by these configuration options:

apps/web/content/docs/customize/custom-components.mdx

@@ -10,13 +10,13 @@ The Flowbite React theming system can be used to create your own themeable compo
 The easiest way to create a new custom component is to use the Flowbite React CLI:
 
 ```bash
-npx flowbite-react create MyComponent
+npx flowbite-react@latest create my-component
 ```
 
 This will generate a new component with the proper structure and theming setup. The CLI uses the configuration from `.flowbite-react/config.json` to determine:
 
 1. Where to create the component (`path`)
-2. Whether to include the "use client" directive (`rsc`)
+2. Whether to include the `"use client"` directive (`rsc`)
 3. Whether to use TypeScript or JavaScript (`tsx`)
 
 You can customize these options in your config file `.flowbite-react/config.json`:

apps/web/content/docs/getting-started/cli.mdx

@@ -49,24 +49,64 @@ This command performs several automated setup steps:
 
 ## CLI Commands
 
-### `flowbite-react init`
-
-Initializes Flowbite React in your project. This command:
-
-- Ensures Tailwind CSS is installed
-- Creates the `.flowbite-react` config directory
-- Creates `config.json` and `.gitignore` files in the config directory
-- Creates `.vscode/settings.json` and `.vscode/extensions.json` files
-- Detects and configures your bundler with the appropriate plugin
-- Adds postinstall script to `package.json` (if no bundler detected)
-
 ### `flowbite-react build`
 
 Generates the class list for your components. This:
 
 - Creates the output directory if needed
 - Generates a comprehensive list of Tailwind classes used in your components
 
+```bash
+npx flowbite-react@latest build
+```
+
+### `flowbite-react create <component-name>`
+
+Creates a new component with the proper structure and theming setup:
+
+```bash
+npx flowbite-react@latest create button
+```
+
+The `create` command uses the configuration options from `.flowbite-react/config.json` to determine:
+
+1. **Where to create the component** (`path`):
+
+   - Determines the directory where the component will be created
+   - Default: `"src/components"`
+   - Example: With `"path": "src/ui/elements"`, the component will be created at `src/ui/elements/button.tsx`
+
+2. **Language format** (`tsx`):
+
+   - When `true`: Creates a TypeScript component (`.tsx`) with full type definitions
+   - When `false`: Creates a JavaScript component (`.jsx`) without TypeScript syntax
+   - Default: `true`
+   - Example: With `"tsx": false`, the component will be created as `button.jsx` with JavaScript syntax
+
+3. **React Server Components support** (`rsc`):
+   - When `true`: Adds the `"use client";` directive at the top of the component file
+   - When `false`: Omits the directive for client-only components
+   - Default: `true`
+   - Example: With `"rsc": false`, the component won't include the `"use client";` directive
+
+The generated component includes:
+
+- Proper theme structure with base styles
+- Theme resolution with the Flowbite React theming system
+- Component props with proper typing (in TypeScript mode)
+- Forward ref implementation for DOM access
+- Display name for better debugging
+
+Example usage after creation:
+
+```jsx
+import { Button } from "./src/components/button";
+
+function App() {
+  return <Button>Click me</Button>;
+}
+```
+
 ### `flowbite-react dev`
 
 Starts the development mode which:
@@ -76,6 +116,21 @@ Starts the development mode which:
 - Provides real-time class generation
 - Monitors imported components
 
+```bash
+npx flowbite-react@latest dev
+```
+
+### `flowbite-react init`
+
+Initializes Flowbite React in your project. This command:
+
+- Ensures Tailwind CSS is installed
+- Creates the `.flowbite-react` config directory
+- Creates `config.json` and `.gitignore` files in the config directory
+- Creates `.vscode/settings.json` and `.vscode/extensions.json` files
+- Detects and configures your bundler with the appropriate plugin
+- Adds postinstall script to `package.json` (if no bundler detected)
+
 ### `flowbite-react install`
 
 Installs Flowbite React in your project:
@@ -84,6 +139,15 @@ Installs Flowbite React in your project:
 - Installs the latest version of flowbite-react
 - Skips installation if already installed
 
+### `flowbite-react register`
+
+Registers the Flowbite React process for development:
+
+- Runs the dev process in the background
+- Manages process lifecycle
+- Handles automatic class generation
+- Creates and maintains process ID file
+
 ### `flowbite-react setup plugin`
 
 Sets up the appropriate bundler plugin for your project:
@@ -111,15 +175,6 @@ Sets up VSCode for optimal development:
 - Adds recommended extensions
 - Configures class attribute settings
 
-### `flowbite-react register`
-
-Registers the Flowbite React process for development:
-
-- Runs the dev process in the background
-- Manages process lifecycle
-- Handles automatic class generation
-- Creates and maintains process ID file
-
 ## Project Templates
 
 The CLI supports various framework templates. Each template comes with a complete guide and example implementation: