feat: major update - Markdown Editor, CodeMirror upgrades, SEO improvements, tool cleanup

- Added new Markdown Editor with live preview, GFM support, PDF/HTML/DOCX export
- Upgraded all paste fields to CodeMirror with syntax highlighting and expand/collapse
- Enhanced Object Editor with advanced URL fetching and preview mode
- Improved export views with syntax highlighting in Table/Object editors
- Implemented SEO improvements (FAQ schema, breadcrumbs, internal linking)
- Added Related Tools recommendations component
- Created custom 404 page with tool suggestions
- Consolidated tools: removed JSON, Serialize, CSV-JSON (merged into main editors)
- Updated documentation and cleaned up redundant files
- Updated release notes with user-centric improvements

src/pages/TableEditor.js

@@ -3,6 +3,8 @@ import { Plus, Upload, FileText, Globe, Download, X, Table, Trash2, Database, Br
 import ToolLayout from '../components/ToolLayout';
 import CodeMirrorEditor from '../components/CodeMirrorEditor';
 import StructuredEditor from "../components/StructuredEditor";
+import SEO from '../components/SEO';
+import RelatedTools from '../components/RelatedTools';
 import Papa from "papaparse";
 
 const TableEditor = () => {
@@ -1838,11 +1840,19 @@ const TableEditor = () => {
 
 
   return (
-    <ToolLayout
-      title="Table Editor"
-      description="Import, edit, and export tabular data from various sources"
-      icon={Table}
-    >
+    <>
+      <SEO 
+        title="Excel-Like Table Editor - Import CSV, JSON, Excel Online"
+        description="✓ Import CSV, JSON, Excel ✓ Visual editing ✓ Export to multiple formats ✓ Sort & filter ✓ No installation. Edit tables online now!"
+        keywords="table editor, csv editor, excel online, json to csv, csv to json, data editor, spreadsheet editor, online table, sql editor, database editor"
+        path="/table-editor"
+        toolId="table-editor"
+      />
+      <ToolLayout
+        title="Table Editor"
+        description="Import, edit, and export tabular data from various sources"
+        icon={Table}
+      >
       {/* Input Section with Tabs */}
       <div className="w-full bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 overflow-hidden">
         {/* Tabs */}
@@ -2344,7 +2354,7 @@ const TableEditor = () => {
                 <thead className="bg-gray-50 dark:bg-gray-700 sticky top-[-1px] z-10">
                   <tr>
                     <th
-                      className={`px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider border-r border-gray-200 dark:border-gray-600 ${
+                      className={`px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 tracking-wider border-r border-gray-200 dark:border-gray-600 ${
                         frozenColumns > 0
                           ? "sticky left-0 z-20 bg-blue-50 dark:!bg-blue-900"
                           : ""
@@ -3261,7 +3271,11 @@ const TableEditor = () => {
         </div>
           )}
       </div>
+
+      {/* Related Tools */}
+      <RelatedTools toolId="table-editor" />
     </ToolLayout>
+    </>
   );
 };