Fix ESLint errors for successful deployment

- Fixed mixed operators in contentExtractor.js with proper parentheses
- Removed unused variables and imports across all components
- Fixed useCallback dependencies in ObjectEditor.js
- Corrected == to === comparisons in TableEditor.js
- Fixed undefined variable references
- Wrapped serializeToPhp in useCallback to resolve dependency warning
- Updated table column width styling from min-w to w for consistent layout

Build now passes successfully with only non-blocking warnings remaining.

src/pages/ObjectEditor.js

@@ -1,7 +1,6 @@
 import React, { useState, useRef, useCallback } from 'react';
-import { Edit3, Upload, FileText, Workflow, Table, Globe, Plus, AlertTriangle, BrushCleaning, Code, Braces, Download } from 'lucide-react';
+import { Upload, FileText, Workflow, Table, Globe, Plus, AlertTriangle, BrushCleaning, Code, Braces, Download, Edit3 } from 'lucide-react';
 import ToolLayout from '../components/ToolLayout';
-import CopyButton from '../components/CopyButton';
 import StructuredEditor from '../components/StructuredEditor';
 import MindmapView from '../components/MindmapView';
 import PostmanTable from '../components/PostmanTable';
@@ -102,10 +101,6 @@ const ObjectEditor = () => {
     setCreateNewCompleted(false);
   };
 
-  // Create initial empty object with one property
-  const createInitialEmptyObject = () => {
-    return { "": "" };
-  };
 
   // Confirm input method change and clear data
   const confirmInputChange = () => {
@@ -390,7 +385,7 @@ const ObjectEditor = () => {
   };
 
   // Simple PHP serialization function
-  const serializeToPhp = (data) => {
+  const serializeToPhp = useCallback((data) => {
     if (data === null) return 'N;';
     if (data === undefined) return 'N;';
     if (typeof data === 'boolean') return data ? 'b:1;' : 'b:0;';
@@ -418,7 +413,7 @@ const ObjectEditor = () => {
       return result;
     }
     return 'N;';
-  };
+  }, []);
 
   // Generate output formats
   const generateOutputs = useCallback((data) => {
@@ -452,7 +447,7 @@ const ObjectEditor = () => {
         serialized: 'Error generating PHP serialized data'
       });
     }
-  }, []);  
+  }, [serializeToPhp]);  
 
   // Handle file import
   const handleFileImport = (event) => {
@@ -469,50 +464,6 @@ const ObjectEditor = () => {
     }
   };
 
-  // Load sample data
-  const loadSample = () => {
-    const sample = {
-      "users": [
-        {
-          "id": 1,
-          "name": "John Doe",
-          "email": "john@example.com",
-          "age": 30,
-          "role": "admin",
-          "active": true
-        },
-        {
-          "id": 2,
-          "name": "Jane Smith",
-          "email": "jane@example.com",
-          "age": 28,
-          "role": "user",
-          "active": true
-        },
-        {
-          "id": 3,
-          "name": "Bob Wilson",
-          "email": "bob@example.com",
-          "age": 35,
-          "role": "moderator",
-          "active": false
-        }
-      ],
-      "settings": {
-        "theme": "dark",
-        "language": "en",
-        "timezone": "UTC",
-        "features": {
-          "notifications": true,
-          "darkMode": true,
-          "autoSave": false
-        }
-      },
-      "tags": ["developer", "javascript", "react", "nodejs"]
-    };
-    setStructuredData(sample);
-    generateOutputs(sample);
-  };
 
   // Fetch data from URL
   const handleFetchData = async () => {

src/pages/TableEditor.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import React, { useState } from "react";
 import {
   Table,
   Database,
@@ -7,13 +7,10 @@ import {
   FileText,
   Search,
   Plus,
-  Minus,
   X,
-  Edit,
   Braces,
   Code,
   Eye,
-  Columns,
   Trash2,
   ArrowUpDown,
   Edit3,
@@ -51,7 +48,6 @@ const TableEditor = () => {
   const [availableTables, setAvailableTables] = useState([]); // List of discovered table names
   const [currentTable, setCurrentTable] = useState(""); // Currently active table name
   const [originalFileName, setOriginalFileName] = useState(""); // For export naming
-  const [editingTableName, setEditingTableName] = useState(false); // For single table name editing
   const [isTableFullscreen, setIsTableFullscreen] = useState(false); // For fullscreen table view
   const [frozenColumns, setFrozenColumns] = useState(0); // Number of columns to freeze on horizontal scroll
   const [showClearConfirmModal, setShowClearConfirmModal] = useState(false); // For clear confirmation modal
@@ -174,10 +170,10 @@ const TableEditor = () => {
         const expected = expectedSampleData[index];
         return (
           expected &&
-          row.col_0 == expected.id &&
+          row.col_0 === expected.id &&
           row.col_1 === expected.name &&
           row.col_2 === expected.email &&
-          row.col_3 == expected.age &&
+          row.col_3 === expected.age &&
           row.col_4 === expected.city
         );
       });
@@ -646,7 +642,6 @@ const TableEditor = () => {
 
   // Open Object Editor modal for structured data
   const openObjectEditor = (rowId, columnId, value, format) => {
-    const row = data.find((r) => r.id === rowId);
     const column = columns.find((c) => c.id === columnId);
 
     // Value should already be properly unescaped by the SQL parser
@@ -793,7 +788,6 @@ const TableEditor = () => {
         );
       }
 
-      const tableName = tableMatch[1];
       const columnsPart = tableMatch[2];
 
       // Parse column names
@@ -1619,7 +1613,7 @@ const TableEditor = () => {
       }
 
       // Phone detection (basic)
-      if (/^[\+\d\s\-\(\)]{10,}$/.test(strVal)) {
+      if (/^[+\d\s\-()]{10,}$/.test(strVal)) {
         hasPhone = true;
       }
     });
@@ -1835,7 +1829,6 @@ const TableEditor = () => {
     setAvailableTables([]);
     setCurrentTable("");
     setOriginalFileName("");
-    setEditingTableName(false);
     setFrozenColumns(0);
 
     // Close modal
@@ -2141,7 +2134,7 @@ const TableEditor = () => {
                     <h3 className="text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2">
                       {availableTables.length > 1 ? "Multi-Table Database" : "Table Editor"}
                     </h3>
-                    {availableTables.length == 1 && (
+                    {availableTables.length === 1 && (
                     <p className="text-sm text-gray-600 dark:text-gray-400">
                       {data.length} rows, {columns.length} columns
                     </p>
@@ -2398,7 +2391,7 @@ const TableEditor = () => {
                     })}
 
                     {/* System Column - Add Column */}
-                    <th className="px-4 py-3 text-center border-l-2 border-dashed border-gray-300 dark:border-gray-600 hover:bg-blue-50 dark:hover:bg-blue-900/20 min-w-[60px]">
+                    <th className="px-4 py-3 text-center border-l-2 border-dashed border-gray-300 dark:border-gray-600 hover:bg-blue-50 dark:hover:bg-blue-900/20 w-[60px]">
                       <button
                         onClick={addColumn}
                         className="flex items-center justify-center text-gray-500 hover:text-blue-600 p-2 rounded-lg transition-colors group"
@@ -2576,7 +2569,7 @@ const TableEditor = () => {
                       })}
 
                       {/* Empty cell for system column alignment */}
-                      <td className="px-4 py-3 border-l-2 border-dashed border-gray-300 dark:border-gray-600 min-w-[60px]">
+                      <td className="px-4 py-3 border-l-2 border-dashed border-gray-300 dark:border-gray-600 w-[60px]">
                         {/* Empty cell to align with system column header */}
                       </td>
                     </tr>

src/pages/TextLengthTool.js

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { Type, Copy, RotateCcw, Globe, Download, AlertCircle, CheckCircle, Clock, X } from 'lucide-react';
+import { Type, Copy, RotateCcw, Globe, Download, AlertCircle, Clock, X } from 'lucide-react';
 import ToolLayout from '../components/ToolLayout';
 import CopyButton from '../components/CopyButton';
 import { extractContentFromUrl, CONTENT_TYPE_INFO } from '../utils/contentExtractor';

src/utils/contentExtractor.js

@@ -173,7 +173,7 @@ export const detectArticleStructure = (doc) => {
   // Check meta tags for articles
   const metaTags = doc.querySelectorAll('meta[property^="og:"], meta[name^="article:"]');
   structure.hasMetaArticle = Array.from(metaTags).some(meta => 
-    meta.getAttribute('property') === 'og:type' && meta.getAttribute('content') === 'article' ||
+    (meta.getAttribute('property') === 'og:type' && meta.getAttribute('content') === 'article') ||
     meta.getAttribute('name')?.startsWith('article:')
   );
 
@@ -325,7 +325,7 @@ export const classifyContent = (structure, metrics, articleText) => {
 export const extractContentFromUrl = async (url) => {
   try {
     // Fetch content
-    const { html, url: finalUrl, contentType } = await fetchUrlContent(url);
+    const { html, url: finalUrl } = await fetchUrlContent(url);
     
     // Parse HTML
     const doc = parseHtml(html);