Example Page Using Shared Components

This page demonstrates the new TypeScript-based shared header and footer components.

Benefits:

• ✅ Type-safe TypeScript components
• ✅ Consistent headers/footers across all pages
• ✅ Easy to maintain - change once, update everywhere
• ✅ Built-in i18n support
• ✅ Automatic theme toggle functionality

How to use:

// Include the compiled bundle
<script src="dist/app-main.js"></script>

// The shared components are automatically rendered
// into #header-container and #footer-container