feat: comprehensive SEO optimization and GDPR compliance

- Added Terms of Service and Privacy Policy pages with contact info
- Implemented Google Analytics with Consent Mode v2 for GDPR compliance
- Created sitemap.xml and robots.txt for search engine optimization
- Added dynamic meta tags, Open Graph, and structured data (JSON-LD)
- Implemented GDPR consent banner with TCF 2.2 compatibility
- Enhanced sidebar with category-colored hover states and proper active/inactive styling
- Fixed all ESLint warnings for clean deployment
- Added comprehensive SEO utilities and privacy-first analytics tracking

Ready for production deployment with full legal compliance and SEO optimization.

src/App.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
 import Layout from './components/Layout';
 import ErrorBoundary from './components/ErrorBoundary';
@@ -13,10 +13,18 @@ import DiffTool from './pages/DiffTool';
 import TextLengthTool from './pages/TextLengthTool';
 import ObjectEditor from './pages/ObjectEditor';
 import TableEditor from './pages/TableEditor';
+import TermsOfService from './pages/TermsOfService';
+import PrivacyPolicy from './pages/PrivacyPolicy';
+import { initGA } from './utils/analytics';
 
 import './index.css';
 
 function App() {
+  // Initialize Google Analytics on app startup
+  useEffect(() => {
+    initGA();
+  }, []);
+
   return (
     <ErrorBoundary>
       <Router>
@@ -33,7 +41,8 @@ function App() {
             <Route path="/text-length" element={<TextLengthTool />} />
             <Route path="/object-editor" element={<ObjectEditor />} />
             <Route path="/table-editor" element={<TableEditor />} />
-
+            <Route path="/privacy" element={<PrivacyPolicy />} />
+            <Route path="/terms" element={<TermsOfService />} />
           </Routes>
         </Layout>
       </Router>