docs: add macros and pagination sections to components page

Update admin components page with documentation for:

- New Macros section listing all available shared macros with imports
- Pagination section with live interactive examples
- Copy-to-clipboard functionality for code snippets
- Dark mode support for all new sections

This serves as a living style guide for developers implementing
new admin pages using the shared component library.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

static/admin/js/components.js

@@ -21,6 +21,8 @@ function adminComponents() {
 
         // Component sections
         sections: [
+            { id: 'macros', name: 'Macros', icon: 'template' },
+            { id: 'pagination', name: 'Pagination', icon: 'dots-horizontal' },
             { id: 'forms', name: 'Forms', icon: 'clipboard-list' },
             { id: 'buttons', name: 'Buttons', icon: 'cursor-click' },
             { id: 'cards', name: 'Cards', icon: 'collection' },