[ Fix ] 스크롤 영역 변경 및 sticky 적용

[ptyoiy]

✅ Done Task

• 스터디 리스트 스크롤 영역 변경
• 스터디 리스트 영역 화면 끝까지 나오게 수정
• 스터디 리스트에 sticky 적용 (피드를 읽기 위해 아래로 스크롤하면 사이드바가 따라오게)

☀️ New-insight

💎 PR Point

스크롤하면 두번째 사진처럼 좌측 스터디 리스트의 맨 아래 부분이 배경색과 다르게 나와서 어색한데 어떻게 할까요?

1. 상단 메뉴까지 같이 sticky 적용 (스크롤 했을 때 상단 메뉴가 나와야 한다면)
2. 스크롤하면 스터디 리스트의 height를 늘리는 코드 적용 (스크롤 했을 때 상단 메뉴가 안 나와야 한다면)

• 1번 예시

• 2번 예시

📸 Screenshot

[linear]

FE-131 스터디 리스트 레이아웃 수정

[channeltalk]

https://desk.channel.io/#/channels/191086/team_chats/groups/465872/693f9cd5f1b02efba4ae

[github-actions]

🚀 CI Check Results

Check Item	Status
🔷 TypeScript	✅ Pass
🔍 ESLint	✅ Pass
🎨 Format	✅ Pass

📋 View Full Workflow

[rtttr1]

상단메뉴까지 고정해주는게 사용성에 좋다고 생각합니다.
만약 상단 메뉴 고정을 안한다면 Scroll to top 버튼이라도 둬야할것 같네요!