Refactor: Align AI metadata components with Docusaurus theme conventions

[amiable-dev]

This PR refactors the AI metadata components to better align with Docusaurus theme conventions.

Key Changes:

1. Reorganized component structure:

   src/theme/
     BlogPost/
       Header/
         AIMetadata/
           index.tsx
           types.ts
   

2. Updated component names and locations:

   • Moved from components/ to theme/
   • Integrated with BlogPost/Header
   • Added proper TypeScript types

3. Added comprehensive documentation:

   • Component structure guide
   • Naming conventions
   • Integration instructions
   • Migration guide

Benefits:

• Better alignment with Docusaurus conventions
• More granular swizzling options
• Clearer component organization
• Better scalability for future AI features
• Improved TypeScript support

Testing:

• Verify component rendering
• Test swizzling process
• Check dark/light mode
• Validate TypeScript types
• Test import paths

Migration Notes:
Users will need to:

1. Update import paths
2. Re-swizzle components if needed
3. Update any custom styling

Closes #26