🪲[Bug]: Dark mode toggle and "Go to Top" button overlap on bottom-right corner

[shivamlikhar29]

Describe the bug
In the current layout, the dark mode toggle button and the "Go to Top" floating button overlap in the bottom-right corner. This causes both buttons to merge visually and makes it difficult for users to click them properly.

To Reproduce
Steps to reproduce the behavior:

1.Open the website PetMe
2.Scroll down to the bottom of the page.
3.Observe the bottom-right corner.
4.The dark mode toggle and "Go to Top" button overlap.

Expected behavior
Both buttons should have clear spacing between them.
Suggested fixes:
1.Add extra margin/padding so they don’t overlap.
2.Position the dark mode toggle on the navbar instead of floating.
3.Or move the "Go to Top" button slightly upward.

Screenshots

Desktop (please complete the following information):
Browser: Firefox (Linux Ubuntu 22.04)
Resolution: 1365×768

[staticvoidmainmaui]

I’d like to take this issue and will submit a PR. Let me know if that’s okay.