sign / translate / 20461056483

51%

push

github

refactor(ui): Replace mat-tab-group with ion-segment in language selector

Modernizes the language selector component by replacing Angular Material tabs with Ionic segments for a more contemporary, mobile-first design that aligns with the recent Material Design 3 updates.

## Changes

### Language Selector Component
- **HTML**: Replaced `mat-tab-group` with `ion-segment` and `mat-tab` with `ion-segment-button`
- **TypeScript**:
  - Removed `MatTabsModule` import
  - Added Ionic components: `IonSegment`, `IonSegmentButton`, `IonLabel`
  - Added `onSegmentChange()` handler for segment value changes
- **SCSS**:
  - Auto-width segments based on content using `width: fit-content`
  - Removed uppercase text transform (Ionic default)
  - Added dark mode support with accessible text color for active button
  - Maintains responsive behavior (dropdown on mobile)

### Feedback Component
- Updated feedback link from GitHub issues to email contact

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

188 of 452 branches covered (41.59%)

Branch coverage included in aggregate %.

0 of 2 new or added lines in 1 file covered. (0.0%)

1285 of 2354 relevant lines covered (54.59%)

93.41 hits per line