Fix ESLint warnings for deployment

src/pages/Home.js

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { Search, Code, Link2, FileText, Hash, RefreshCw, GitCompare, Database, Type, Edit3 } from 'lucide-react';
+import { Search, Code, Link2, FileText, Hash, RefreshCw, GitCompare, Type, Edit3 } from 'lucide-react';
 import ToolCard from '../components/ToolCard';
 
 const Home = () => {

src/pages/ObjectEditor.js

@@ -1,5 +1,5 @@
-import React, { useState, useRef } from 'react';
-import { Edit3, Upload, FileText, Download, Copy, Map } from 'lucide-react';
+import React, { useState, useRef, useCallback } from 'react';
+import { Edit3, Upload, FileText, Map } from 'lucide-react';
 import ToolLayout from '../components/ToolLayout';
 import CopyButton from '../components/CopyButton';
 import StructuredEditor from '../components/StructuredEditor';
@@ -258,7 +258,7 @@ const ObjectEditor = () => {
   };
 
   // Generate all output formats
-  const generateOutputs = (data) => {
+  const generateOutputs = useCallback((data) => {
     try {
       const jsonPretty = JSON.stringify(data, null, 2);
       const jsonMinified = JSON.stringify(data);
@@ -272,7 +272,7 @@ const ObjectEditor = () => {
     } catch (err) {
       console.error('Error generating outputs:', err);
     }
-  };
+  }, []);
 
   // Handle file import
   const handleFileImport = (event) => {
@@ -314,7 +314,7 @@ const ObjectEditor = () => {
   // Initialize outputs when component mounts or data changes
   React.useEffect(() => {
     generateOutputs(structuredData);
-  }, [structuredData]);
+  }, [structuredData, generateOutputs]);
 
   return (
     <ToolLayout