Refactor InlineNoteElement to use attributeChangedCallback pattern

[renoirb]

Part of train #33

Changes

• Refactored InlineNoteElement to properly implement the attributeChangedCallback lifecycle method
• Introduced a standardized ATTRIBUTES structure for attribute management
• Moved HTML template outside the class for better maintainability
• Avoided memory leak by setting up event listeners only once in the constructor
• Implemented targeted DOM updates instead of full shadow DOM regeneration

Technical Details

• Added proper attribute observation through static get observedAttributes()
• Replaced the innerHTML approach with template cloning, which is more efficient
• Separated the render logic into a private #renderContent() method
• Used element references to update specific parts of the DOM without rebuilding everything
• Reset tooltip classes completely in each render to prevent state inconsistencies

Benefits

• Memory Efficiency: Eliminates event listener leaks when attributes change
• Performance: Reduces unnecessary DOM operations by only updating what changes
• Maintainability: Clearer separation of template and logic
• Resilience: More robust handling of attribute changes
• Consistency: Aligns with our emerging pattern for attribute management across components

Testing Notes

• Tested with dynamic attribute changes to verify tooltip behavior remains consistent
• Verified that date elements correctly update when the date attribute changes
• Ensured comment slot functionality works as expected with the new implementation

This PR is part of our ongoing effort to standardize component patterns and improve performance across our custom element library.