Merge pull request #135 from fdnd-agency/131-feature-component-structure-on-the-sidebar
#131 Devided sidebar into components, added icons into library as components, added folders for component structure
Extract bingo card into separate component #132 #92 #35
Extracted the bingo card into a separate component and moved all related logic from page.svelte into it. The page.svelte file is now clean and more maintainable. #35 #92 #132
Refactor survey component: improved layout, CSS nesting, animations, and responsive behavior
#92 #107
* Cleaned up and standardized the survey component
* Rewrote CSS using nesting and a mobile-first structure
* Enabled survey header on tablet/desktop using a grid layout
* Improved mobile layout with clear question/answer labels
* Added `slideIn` animation with reduced-motion fallback
* Ensured consistent left alignment for both columns across all breakpoints
* Optimized grid columns for tablet and desktop
* Updated `survey-item` to `display: contents` for cleaner semantics
* Improved spacing, typography, and color usage
* Kept `format()` helper intact and cleaned up the component code
feat: add accessible tab navigation for treatment and questionnaire
- Added dynamic pageTitle and pageSubtitle based on active tab
- Implemented accessible tab structure with proper ARIA roles (tablist, tab, tabpanel)
- Linked tabs and panels via aria-controls and aria-labelledby
- Added activeTab state logic for switching between tabs
- Implemented shortDate for questionnaire heading
- Added aria-live region and improved structure for questionnaire results
- Added global :focus-visible styling for better accessibility #95 #107
