Refactor documentation and code for field schemas and plugins

- Updated field schema examples in documentation to use `plaintext` instead of `typescript` for better clarity.
- Enhanced various field components (Grid, Image, Location, Lookup, Number, Object, Password, Percent, Phone, Rich Text, Select, Summary, Text, TextArea, Time, URL, User, Vector) to reflect the schema changes.
- Improved documentation for layout components (AppShell, PageHeader, SidebarNav) to ensure consistent usage of `plaintext` formatting.
- Adjusted plugin documentation (AG Grid, Calendar, Charts, Chatbot, Dashboard, Editor, Form, Gantt, Grid, Kanban, Map, Markdown, Timeline, View) to align with the new schema format.
- Fixed potential null reference issues in TextField component by adding optional chaining.

Author: hotlong

apps/console/plugin.js

@@ -1,10 +1,5 @@
-import path from 'path';
-import { fileURLToPath } from 'url';
 
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-export const staticPath = path.join(__dirname, 'dist');
+export const staticPath = 'dist';
 
 export default {
   staticPath,

content/docs/blocks/block-schema.mdx

@@ -19,7 +19,7 @@ BlockSchema enables:
 
 ## Basic Usage
 
-```typescript
+```plaintext
 import type { BlockSchema } from '@object-ui/types';
 
 const heroBlock: BlockSchema = {
@@ -65,7 +65,7 @@ const heroBlock: BlockSchema = {
 
 ### Block Metadata
 
-```typescript
+```plaintext
 interface BlockMetadata {
   name: string;              // Block identifier
   label?: string;            // Display name
@@ -86,7 +86,7 @@ interface BlockMetadata {
 
 Variables define configurable properties:
 
-```typescript
+```plaintext
 interface BlockVariable {
   name: string;                    // Variable name
   label?: string;                  // Display label
@@ -103,7 +103,7 @@ interface BlockVariable {
 
 Slots define content injection points:
 
-```typescript
+```plaintext
 interface BlockSlot {
   name: string;                    // Slot name
   label?: string;                  // Display label
@@ -117,7 +117,7 @@ interface BlockSlot {
 
 ## Complete Example
 
-```typescript
+```plaintext
 const cardBlock: BlockSchema = {
   type: 'block',
   
@@ -258,7 +258,7 @@ const cardBlock: BlockSchema = {
 
 Use `BlockInstanceSchema` to instantiate a block:
 
-```typescript
+```plaintext
 import type { BlockInstanceSchema } from '@object-ui/types';
 
 const instance: BlockInstanceSchema = {
@@ -295,7 +295,7 @@ const instance: BlockInstanceSchema = {
 
 Use `BlockLibrarySchema` to browse available blocks:
 
-```typescript
+```plaintext
 import type { BlockLibrarySchema } from '@object-ui/types';
 
 const library: BlockLibrarySchema = {
@@ -331,7 +331,7 @@ const library: BlockLibrarySchema = {
 
 Use `BlockEditorSchema` to create/edit blocks:
 
-```typescript
+```plaintext
 import type { BlockEditorSchema } from '@object-ui/types';
 
 const editor: BlockEditorSchema = {
@@ -351,7 +351,7 @@ const editor: BlockEditorSchema = {
 
 ## Marketplace Example
 
-```typescript
+```plaintext
 const marketplace: BlockLibrarySchema = {
   type: 'block-library',
   apiEndpoint: 'https://blocks.objectui.com/api',
@@ -402,7 +402,7 @@ const marketplace: BlockLibrarySchema = {
 
 ## Runtime Validation
 
-```typescript
+```plaintext
 import { BlockSchema } from '@object-ui/types/zod';
 
 const result = BlockSchema.safeParse(myBlock);

content/docs/components/basic/button-group.mdx

@@ -82,7 +82,7 @@ The Button Group component groups multiple buttons together with consistent styl
 
 ## Schema
 
-```typescript
+```plaintext
 interface ButtonGroupButton {
   label?: string;
   value: string;

content/docs/components/basic/div.mdx

@@ -73,7 +73,7 @@ Below are the old `div` examples. Please migrate to the alternatives shown above
 
 ## Schema
 
-```typescript
+```plaintext
 // ⚠️ DEPRECATED - Use Card, Flex, Grid, or other layout components instead
 interface DivSchema {
   type: 'div';

content/docs/components/basic/html.mdx

@@ -17,7 +17,7 @@ import { ComponentDemo, DemoGrid } from '@/app/components/ComponentDemo';
 
 ## Schema
 
-```typescript
+```plaintext
 interface HtmlSchema {
   type: 'html';
   html: string;

content/docs/components/basic/icon.mdx

@@ -73,7 +73,7 @@ import { ComponentDemo, DemoGrid } from '@/app/components/ComponentDemo';
 
 ## Schema
 
-```typescript
+```plaintext
 interface IconSchema {
   type: 'icon';
   name: string;              // Lucide icon name (kebab-case)

content/docs/components/basic/image.mdx

@@ -29,7 +29,7 @@ import { ComponentDemo, DemoGrid } from '@/app/components/ComponentDemo';
 
 ## Schema
 
-```typescript
+```plaintext
 interface ImageSchema {
   type: 'image';
   src: string;

content/docs/components/basic/navigation-menu.mdx

@@ -71,7 +71,7 @@ The Navigation Menu component provides an accessible menu for site navigation.
 
 ## Schema
 
-```typescript
+```plaintext
 interface NavigationMenuItem {
   label: string;
   href?: string;

content/docs/components/basic/pagination.mdx

@@ -33,7 +33,7 @@ The Pagination component allows users to navigate through pages of data.
 
 ## Schema
 
-```typescript
+```plaintext
 interface PaginationSchema {
   type: 'pagination';
   currentPage: number;            // Current page (1-based)

content/docs/components/basic/separator.mdx

@@ -52,7 +52,7 @@ import { ComponentDemo, DemoGrid } from '@/app/components/ComponentDemo';
 
 ## Schema
 
-```typescript
+```plaintext
 interface SeparatorSchema {
   type: 'separator';
   orientation?: 'horizontal' | 'vertical';