[FEATURE] <Ticket should follow page scrolling while editing it to see changes for a better user experience>

[feres7]

Is this a unique feature?

• I have checked "open" AND "closed" issues and this is not a duplicate

Is your feature request related to a problem/unavailable functionality? Please describe.

When editing the event ticket, ensure that changes are instantly visible without the need to manually scroll up after each adjustment. It's essential for the ticket to remain visible at all times while scrolling for a seamless user experience.

Proposed Solution

By making the ticket follow the page scrolling, users can conveniently view changes directly without interruption.

Screenshots

this is a video before and after the changes
https://streamable.com/tngbd6

Do you want to work on this issue?

Yes

If "yes" to above, please explain how you would technically implement this

CSS Class: In the return function of the EventCard.js I add The div element with the CSS classes sticky, top-0. These classes ensure that the component sticks to the top of the viewport and the event card is synchronized with scrolling.

[github-actions]

To reduce notifications, issues are locked until they are 🏁 status: ready for dev You can asked for this issue to be assigned (if not already assigned) and to be assigned. You can learn more in our contributing guide https://github.com/EddieHubCommunity/BioDrop/blob/main/CONTRIBUTING.md