refactor: Changed colors of theme toggle to match with the others elements (#1157)

### PR Checklist

- [X] The PR title follows
[conventional commits](https://www.conventionalcommits.org/en/v1.0.0/)
- [X] Does the PR have changes to the frontend? If so, include
screenshots or a
      recording of the changes.
If it affect colors, please include screenshots/recording in both
      light and dark mode.

Light theme:

![imagen](https://github.com/user-attachments/assets/7b1a0108-960a-40f1-9e87-5bb9442fc9dc)

Dark theme:

![imagen](https://github.com/user-attachments/assets/857dc44d-b5bc-4cc8-868d-b92e3f0d78cb)

Author: EGAMAGZ

frontend/islands/DarkModeToggle.tsx

@@ -47,7 +47,7 @@ export default function DarkModeToggle() {
   return (
     <button
       onClick={toggleDarkMode}
-      class="p-2 rounded-md text-primary hover:bg-jsr-gray-100 dark:hover:bg-jsr-gray-900 focus:outline-none"
+      class="p-2 rounded-md text-jsr-cyan-700 hover:text-jsr-cyan-900 dark:text-cyan-400 dark:hover:text-cyan-300 hover:bg-jsr-gray-100 dark:hover:bg-jsr-gray-900 focus:outline-none"
       title={isDark ? "Switch to light mode" : "Switch to dark mode"}
       aria-label={isDark ? "Switch to light mode" : "Switch to dark mode"}
       type="button"