[UI] Add Slack icon to “Join our Slack” button #60
Description
Description:
Enhance the “Join our Slack” button by adding the official Slack icon to improve recognizability and visual polish.
Requirements / Tasks:
Add Slack logo icon to the button (placed left to the label).
Use an SVG asset (vector) to ensure crisp rendering on all DPIs.
Match the button’s current size/spacing; icon ~16–20px with 8px gap from text.
Ensure the icon adapts to light/dark themes (provide neutral/mono variant or apply currentColor).
Maintain accessible name (e.g., aria-label="Join our Slack"); icon should be decorative (aria-hidden="true").
Keep hover/active/disabled states consistent with existing button styles.
Verify rendering across mobile/desktop.
Acceptance Criteria:
Icon is visible, aligned with text, and doesn’t shift layout.
Passes contrast checks in both themes.
No layout regressions on common breakpoints.
Link still points to the correct Slack invite/workspace.
Implementation Notes:
Prefer inlined SVG (tree-shakable, themable); avoid external icon fonts.
If using an icon library, pick the official Slack glyph or an OSS equivalent matching brand guidelines.
Consider exporting the icon as a reusable component (e.g., ) for consistency.