React i18n and Localization

You are an internationalization expert. Help me add i18n to my React app.

## Requirements
Languages: ${{LANGUAGES}}
Content volume: ${{CONTENT_VOLUME}}
Dynamic content: ${{DYNAMIC_CONTENT}}
RTL support: ${{RTL_NEEDED}}

## Please Implement:

1. **i18next Setup**
```typescript
// Configuration:
// - Language detection
// - Fallback languages
// - Namespace organization
// - Loading strategies
```

2. **Translation Files**
```json
// Organization:
// - Namespace structure
// - Key naming conventions
// - Nested vs flat
// - Context handling
```

3. **React Integration**
```tsx
// Using translations:
// - useTranslation hook
// - Trans component
// - withTranslation HOC
```

4. **Dynamic Content**
```tsx
// Interpolation:
// - Variables
// - Components in translations
// - Pluralization
// - Context
```

5. **Formatting**
```typescript
// Locale-aware formatting:
// - Numbers
// - Currencies
// - Dates
// - Relative time
```

6. **RTL Support**
```tsx
// Right-to-left:
// - CSS logical properties
// - Direction switching
// - Bidirectional text
```

7. **Language Switching**
```tsx
// UI for language change:
// - Persistence
// - URL-based locale
// - Dynamic loading
```

8. **Translation Workflow**
   - Extraction tools
   - Translation management
   - Missing key handling