⚙️ Add Settings Menu with Dropdown UI

[idna001]

⚙️ Add Settings Menu with Dropdown UI

Description

Create a small Settings Icon (⚙️) in the top-right corner that opens a dropdown menu with useful options such as selecting a deck, changing the theme, and resetting the game history.
This feature will improve the overall UX by grouping customization options into one accessible place.

Proposed Features

• Deck Selection: Choose between available decks (e.g., Mix, Motorcycles, Cars).
• Theme Switcher: Change between Light, Dark, or System mode.
• Reset History: Clear all saved progress or stats (e.g., best time, moves).

Proposed UI / Implementation

1. Add a small Settings icon (⚙️) button in the main game or start screen header.
2. On click, open a styled dropdown menu (use Tailwind + DaisyUI for consistent styling).
3. Each menu item triggers its corresponding function:
   • Deck selection → Updates active deck.
   • Theme → Switches site theme.
   • Reset → Clears stored data (localStorage).
4. Smooth transitions or subtle animations for opening/closing the dropdown (optional).

Acceptance Criteria

• Settings icon visible in the main screen.
• Dropdown opens and closes smoothly.
• User can select deck and theme from the menu.
• “Reset History” clears saved stats successfully.
• UI matches the overall game style (consistent colors, spacing, shadows).

Additional Notes

• Make this component reusable for future expansion (e.g., sound toggle, language selector).
• Position should remain responsive on mobile and desktop layouts.
• This task should be implemented before the theme selector logic (#… once created).

🎯 Goal: A polished, modern settings dropdown to centralize user customization.

[palakag29]

@idna001 please this issue to me. would love to work on it

[alirezhs]

Can you assign me on this issue?

[idna001]

@alirezhs Hey, maybe you can help on another Issue, as this is already taken.