Bug Report: Fix TagSelector Component Dark Mode Color Contrast Issue

[gitbiruk2010]

Describe the Bug

The TagSelector component in nsc-events-nextjs/components/TagSelector.tsx has a hardcoded color scheme that doesn't properly adapt to dark mode. Specifically:

• Unselected tags have color: 'black' which is hardcoded
• Background is set to 'white' for unselected tags
• This creates poor visibility and contrast issues in dark mode

Steps to Reproduce

1. Navigate to the home page
2. Click "Filter by Tags" button
3. Switch to dark mode using theme toggle
4. Observe that unselected tag buttons have poor contrast

Current Behavior:
Unselected tag buttons show black text on white background even in dark mode, creating visual inconsistency and poor UX.

Expected Behavior

Tag buttons should adapt their colors based on the current theme (light/dark mode) for proper contrast and consistency.

Visual Aids

Expand ⬇️

Desktop or Mobile Info

No response

Related Issues

No response

Additional Context

Files to Modify:

• nsc-events-nextjs/components/TagSelector.tsx