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
Add dynamic treatment detail page with bingo grid and responsive navigation
- Added dynamic `activiteit` data rendering with formatted date
- Implemented accessible 3x3 bingo grid with ARIA labels and focus states
- Created main navigation with icons and active state styling
- Applied mobile-first responsive design for mobile, tablet, and desktop
- Improved layout and color variables for consistency across breakpoints #92
Add responsive Bingokaart layout and improve accessibility
Add responsive Bingokaart layout and improve accessibility #39
* Added full Svelte component for *Behandeling* page with formatted date from Directus
* Implemented responsive layout for mobile, tablet (≥640px), and desktop (≥1024px)
* Centered content on mobile and aligned headers left on larger screens
* Added accessible navigation with ARIA labels and keyboard focus outlines
* Improved visual hierarchy, spacing, and hover/focus states
* Styled *Bingokaart* grid with dynamic checked state and adaptive sizing
