Sweep: re-factor DarkThemeToggle as a Solid.js component

[sweep-windows[bot]]

Description

This pull request encompasses a significant refactor of the DarkThemeToggle component, transitioning it from React to Solid.js. The changes aim to leverage Solid.js's capabilities for a more efficient and streamlined implementation. Additionally, the associated test suite has been updated to align with Solid.js's testing strategies, ensuring the component's functionality remains robust and reliable.

Summary

• Refactored DarkThemeToggle component to use Solid.js, enhancing its performance and integration within Solid.js projects.
• Updated the testing suite from using @testing-library/react and userEvent to @solidjs/testing-library and fireEvent to better suit Solid.js components.
• Modified the component's props handling to utilize Solid.js's mergeProps and splitProps for improved props management.
• Replaced React-specific hooks and context with Solid.js's reactive primitives to maintain the component's reactivity and state management.
• Adjusted the import statements to reflect the shift to Solid.js, ensuring that the component and its tests import the correct libraries and utilities.
• Simplified event handling in the test suite by directly using fireEvent for simulating user interactions, aligning with Solid.js's event handling conventions.

Affected Files:

• src/components/DarkThemeToggle/DarkThemeToggle.spec.tsx: Updated to reflect the new testing approach with Solid.js.
• src/components/DarkThemeToggle/DarkThemeToggle.tsx: Refactored to a Solid.js component, with adjustments to props and event handling to fit Solid.js patterns.

Fixes #40.

---

🎉 Latest improvements to Sweep:

• New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
• Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
• Use the GitHub issues extension for creating Sweep issues directly from your editor.

---

💡 To get Sweep to edit this pull request, you can:

• Comment below, and Sweep can edit the entire PR
• Comment on a file, Sweep will only modify the commented file
• Edit the original issue to get Sweep to recreate the PR from scratch

[sweep-windows[bot]]

Rollback Files For Sweep

• [ ] Rollback changes to src/components/DarkThemeToggle/DarkThemeToggle.spec.tsx
• [ ] Rollback changes to src/components/DarkThemeToggle/DarkThemeToggle.tsx

This is an automated message generated by Sweep AI.

[sweep-windows[bot]]

Apply Sweep Rules to your PR?

• [ ] Apply: All new business logic should have corresponding unit tests.
• [ ] Apply: Refactor large functions to be more modular.
• [ ] Apply: Add docstrings to all functions and file headers.

This is an automated message generated by Sweep AI.

[semiautomatix]

src/components/DarkThemeToggle/DarkThemeToggle.tsx:

• use of "mergeProps" and "splitProps" Solid.js functions to destructure and use component properties, similar to how it's done in the src/components/Checkbox/Checkbox.tsx component.
• replace the use of "className" with "class"

[sweep-windows[bot]]

🚀 Wrote Changes

Done.

This is an automated message generated by Sweep AI.