Copilot instructions

1---
2applyTo: 'src/pages/**'
3task: 'Split components into separate files'
4---
5 
6# Component Extraction Instructions
7 
8When working inside files in `src/pages/**`, follow these rules strictly:
9 
10## Component Splitting Rules
11 
12- If a component exceeds **100 lines**, move it to its own file.
13- For each component extracted, place it in `src/components/[context]`:
14  - **Layout/UI elements** → `src/components/ui/`
15  - **Reusable app parts** → `src/components/common/`
16  - **Feature-specific** → `src/components/features/[feature-name]/`
17- Components must be named after the file (`Header.tsx` exports `Header`).
18- Always update imports in the original file after extraction.
19- Maintain folder structure consistency. Never create new folders unless necessary.
20 
21## Avoid
22 
23- Declaring multiple major components in a single file.
24- Leaving UI logic or JSX definitions inline inside `src/pages/**`.
25- Mixing layout code and business logic.
26