[Bug] Accessibility Issue: Incorrect aria-label on Discord Link

[huangkevin-apr]

Describe the bug

The Discord social media link in the footer has an incorrect aria-label attribute that creates an accessibility violation. The link displays a Discord icon but is labeled as Storybook, which will mislead screen reader users.

Steps to reproduce the behavior

1. Go to 'website homepage'
2. Go to "Footer section → Social media links → Discord icon"
3. See the rendered DOM code
4. See error: Incorrect aria-label on Discord Link

Current Behavior

• Visual: Discord icon is displayed
• aria-label: "Storybook" ❌
• Actual link: Points to Discord server

Expected behavior

• Visual: Discord icon is displayed
• aria-label: "Discord"
• Actual link: Points to Discord server

Screenshots and/or logs

All other social media links (GitHub, BlueSky, Twitter, YouTube) have correct aria-label values matching their respective platforms. Only the Discord link has this mismatch.

Environment

• OS: Windows
• Node.js version: N/A
• NPM version: N/A
• Browser (if applicable): Chrome and Edge
• Browser version (if applicable): N/A
• Device (if applicable): N/A

Additional context

This inconsistency between visual representation and accessible label creates confusion for users relying on assistive technologies and should be corrected to ensure equal access to all community resources.