Added Dark Mode for Planet Page

[justin212407]

Description:

This PR introduces dark mode for the Planet page, building on the pr #4244 and providing an improved user experience. This feature applies consistent dark mode styles across all elements, including the navbar, buttons, cards, icons, and modals.

Changes Made:

This PR implements a complete dark mode for the Planet page, ensuring a cohesive and user-friendly experience across all elements. The navbar, background, cards, buttons, modals, dropdowns, and icons have been updated to align with the dark mode theme.

Screenshots/Video:

Checklist:

• All dark mode styles adhere to the project's design guidelines.
• Tested the page in both light mode and dark mode for consistency.
• Adjusted styles for all components, including navbar, cards, modals, and buttons.
• Ensured proper contrast ratios for text and interactive elements in dark mode.

[justin212407]

@walterbender please review this i have made all the changes as we discussed in the meeting. I will also be creating another pr to add to the changes that have to be made to the main page.

[walterbender]

The sort mechanism is not in darkmode

[justin212407]

I'll fix it and add the commit

[walterbender]

Also, please rebase from master so that the other dark mode code is in your branch.

[justin212407]

okay sure i'll do that too

[justin212407]

@walterbender are you talking about the sort mechanism present on the global page

[justin212407]

I have changed the component you asked about also while looking for issues in other functionalities i found one in the delete notification i have fixed that too in this commit.
this is how the changes look now:

Untitled.video.-.Made.with.Clipchamp.1.mp4

[Commanderk3]

Looks great mate 👍

[justin212407]

@Commanderk3 Thanks mate. Was a great experience collaborsting with you

[Commanderk3]

Thank you @justin21240
It was an absolute pleasure working with you as well.