fix: Event CSS issue fixed

[anikdhabal]

Fixes Issue

Closes #7840 #7642

Changes proposed

Before:-

Now:-

Check List (Check all the applicable boxes)

• My code follows the code style of this project.
• My change requires changes to the documentation.
• I have updated the documentation accordingly.
• All new and existing tests passed.
• This PR does not contain plagiarized content.
• The title of my pull request is a short description of the requested changes.

Screenshots

Note to reviewers

[eddiejaoude]

Even model schema needs updating to save the color - I left an inline comment

[eddiejaoude]

Looks good 👍

Please also add the following:

• I added inline comments
• model has validation but this is not checked on the API https://github.com/EddieHubCommunity/LinkFree/blob/main/pages/api/account/manage/event/%5B%5B...data%5D%5D.js#L85

[anikdhabal]

Looks good 👍

Please also add the following:

• I added inline comments
• model has validation but this is not checked on the API https://github.com/EddieHubCommunity/LinkFree/blob/main/pages/api/account/manage/event/%5B%5B...data%5D%5D.js#L85

okay, done.

[eddiejaoude]

Looks good 👍

• the color is not displayed on the main events page, this could be due to the grouping, but I think the PR adds value already as it has customisation for the users profile events
• further improvements can come in another Issue and PR