Fix bugs in common components

[thxforall]

Description:

• This issue tracks the bugs identified in common components and their resolution. Below are the details for each component

---

Tasks

Header

• Adjust responsive width and height for scrolling.
• Refine scroll animations.
• Fix issues with menu, search, mypage buttons.

Search Bar

• Reset states (menu, search, modal) on page transitions.
• Fix non-functional scrolling behavior.
• Adjust responsive dimensions for better usability.

Article

• Adjust page text for better readability.
• Fix hover events: Image,Item hover behavior.
• Fix issues with item rendering.
• Resolve layout issues in Weekly Best section.

Responsive

• Fix layout breaking on widths between 767px and 1270px.
• Resolve issues with the mobile header.

UX

• Ensure scrolling is reset to the top when the page loads.
• Fix Transform animation

---

Additional Notes

Test each fix on multiple screen sizes and devices.
Prioritize responsive and UX issues that significantly impact the user experience.