feat: Add Words page with IPA pronunciation and entity mapping

[konard]

🎯 Overview

This PR implements Issue #14 - Words page functionality that allows users to explore words in their native language with IPA pronunciation and see all entities they can represent in Wikidata.

✨ Key Features Implemented

📝 Core Requirements (Issue #14)

• ✅ Word display in native language - Words are prominently displayed with proper styling
• ✅ IPA pronunciation support - Automatic extraction from Wikidata property P898
• ✅ Entity mapping - Complete list of all entities that each word can represent

🔧 Technical Implementation

New Files Added:

• words.html - Main words page with React-based interface
• examples/test-words-page.mjs - Comprehensive test suite for validation

Core Functionality:

1. Word Search Engine

   • Uses existing Wikidata API search functionality
   • Supports exact match searching for precise results
   • Multi-language search capabilities

2. IPA Pronunciation Display

   • Extracts IPA from Wikidata property P898 when available
   • Styled with distinctive golden color for easy identification
   • Proper IPA notation with forward slashes

3. Entity Representation

   • Shows all Wikidata entities that match the searched word
   • Clickable entity cards that navigate to entity detail pages
   • Displays entity ID, label, and description

4. Language Support

   • Language switching with flag indicators
   • Persistent language preferences
   • Multi-language entity descriptions

Design & UX:

• Consistent Theming - Follows existing dark/light theme system
• Responsive Design - Mobile-optimized layout
• Performance - Leverages existing caching system
• Navigation - Seamless integration with entity pages

🧪 Testing & Validation

Created comprehensive test suite that validates:

• ✅ File creation and basic structure
• ✅ HTML elements and React components
• ✅ CSS theming system
• ✅ JavaScript functionality
• ✅ Requirements compliance (7/7 tests pass)

# Run tests
node examples/test-words-page.mjs

🎨 Visual Features

• Modern Interface - Clean, professional design matching project aesthetics
• Word Cards - Elegant display with word, IPA, and language information
• Entity Cards - Interactive cards showing all entity representations
• Hover Effects - Smooth animations and visual feedback
• Watermark - Consistent "words" watermark in project style

🔗 Integration

• API Integration - Uses existing wikidata-api-browser.js client
• Cache System - Leverages unified caching for performance
• Settings - Integrates with existing language and theme preferences
• Navigation - Links to entities.html for detailed entity exploration

📱 User Experience

1. Search - Enter any word in the search box
2. Explore - View word in native language with IPA pronunciation
3. Discover - See all Wikidata entities the word represents
4. Navigate - Click entities to explore detailed information
5. Customize - Switch languages and themes as needed

🎯 Impact

This implementation provides the foundation for the project's vision of creating a universal meta-language by:

• Bridging natural language with structured knowledge
• Supporting universal phonetic representation (IPA)
• Enabling cross-linguistic understanding through entity mapping
• Contributing to the larger goal of language unification

---

🤖 Generated with Claude Code

Fixes #14