Samu/enhancement/304-redesign-feedback-button

[SProkopios]

closes #304

🔧 Changes Made

• Added a megaphone icon to the feedback component
• Updated colors and fonts
• Implemented an active state for the feedback button
• Added mouse event to close pop-up when clicking outside of it or the button
• Enhanced the feedbackcard to match the figma desing
• Improved title font implementation

---

✅ Checklist Before Submission

• Functionality: I have tested my code, and it works as expected. ✅
• JSDoc: I have added or updated JSDoc comments for all relevant code.
• Debugging: No console.log() or other debugging statements are left.✅
• Clean Code: Removed commented-out or unnecessary code.✅
• Tests: Added new tests or updated existing ones for the changes made.
• Documentation: Documentation has been updated (if applicable).

---

📝 Additional Information

Provide any additional context or information that reviewers may need to know:

Here is the screenshot of the button and pop-up:

[Jonroi]

You managed to clean up the code and add new fonts in a simple and effective way. Everything looks well-structured and easy to follow. Nice work

[Jonroi]

great job of refining small styling details while also enhancing other aspects of the design.

[Jonroi]

This is a good move towards simplifying the code

[Jonroi]

There seems to be a conflict during the build process. Update the tests for this component so that everything works smoothly.

[SProkopios]

Test are fixed, should run smoothly now!

[Jonroi]

Nicely done 👍🏻