✨ Enhancement: UI/UX ทำให้ Hover Effect ของปุ่มทั้งหมด Consistent เหมือน Profile และ Notification

[smartdoesstuff]

รายละเอียดปัญหา
ปัจจุบัน effect เวลา hover ปุ่มแต่ละจุด (เช่น ปุ่มทั่วไป, ปุ่มเมนู, ปุ่ม action) แสดงผลไม่เหมือนกัน ทำให้ขาดความสม่ำเสมอในการใช้งาน ขณะที่ hover ที่ Profile และ Notification มีการแสดงผลที่ชัดเจนและดูสวยงามกว่า

ขั้นตอนในการเจอปัญหา

1. เข้าไปที่หน้า Blog / หน้า Dashboard
2. ลองเลื่อน mouse ไป hover ที่ปุ่มต่าง ๆ เช่น:
   • ปุ่ม Profile
   • ปุ่ม Notification
   • ปุ่มอื่น ๆ (เช่น action button, navigation button)
3. สังเกตว่าลักษณะการ hover ไม่เหมือนกัน

พฤติกรรมที่คาดหวัง (Expected Behavior)

• ปุ่มทั้งหมดควรมี hover effect ที่สม่ำเสมอ (consistency)
• ใช้ style hover แบบเดียวกับ Profile และ Notification button
• background มีการเปลี่ยนเฉด/สี
• cursor/transition เดียวกัน
• ขอบมน (border-radius) เท่ากัน

พฤติกรรมที่เกิดขึ้นจริง (Actual Behavior)

• Hover effect ของแต่ละปุ่มไม่เหมือนกัน
• บางปุ่มเปลี่ยนสี บางปุ่มไม่เปลี่ยน หรือ transition ไม่เหมือนกัน

ตัวอย่างประกอบ (Screenshot / Video)
https://github.com/user-attachments/assets/2ed4bae9-dc91-4298-8adb-a30802f1cfc4