Add Twitch and Kick social login buttons

[Copilot]

This PR adds support for two new popular streaming platforms: Twitch and Kick social login buttons.

What's Added

TwitchLoginButton

• Purple-themed button matching Twitch's official brand colors (#9146FF)
• Official Twitch logo SVG icon
• Proper hover states and accessibility features

KickLoginButton

• Bright green-themed button matching Kick's brand colors (#53FC18)
• Official Kick logo SVG icon
• Consistent styling with existing buttons

Implementation Details

Both buttons follow the existing library patterns:

• Created using the createButton utility with proper configuration
• Include TypeScript definitions and proper prop interfaces
• SVG icons with responsive sizing and color support
• Brand-accurate color schemes with appropriate hover states
• Full integration with the existing component system

Documentation & Testing

• Added comprehensive documentation to README.md with usage examples
• Updated exports in src/buttons/index.ts to include new buttons
• All existing tests pass, including the documentation validation test
• Buttons automatically appear in Storybook demo without additional configuration
• Code formatted with Prettier to match project standards

Usage

import { TwitchLoginButton, KickLoginButton } from 'react-social-login-buttons';

// Twitch login button
<TwitchLoginButton onClick={() => handleTwitchLogin()} />

// Kick login button  
<KickLoginButton onClick={() => handleKickLogin()} />

The buttons support all existing props like style, activeStyle, disabled, custom children, etc.


Resolves the request to add Twitch and Kick login buttons to the component library.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• storybook.js.org
  • Triggering command: node /home/REDACTED/work/react-social-login-buttons/react-social-login-buttons/node_modules/.bin/storybook dev -p 6006 (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

---

💬 Share your feedback on Copilot coding agent for the chance to win a $200 gift card! Click here to start the survey.