[Design] 전반적인 스타일 수정

[devdeun]

🚀 풀 리퀘스트 제안

@coderabbitai: i🤷‍♀️gnore

📋 작업 내용

AddPost, SelectPli, NewPost, AddVideos, PlaylistDetail 스타일 수정

🔧 변경 사항

• 📃 README.md
• 📦 package.json
• 🔥 파일 삭제
• 🧹 그 외 ex) .gitignore 등

주요 변경 사항을 요약해 주세요.

📸 스크린샷 (선택 사항)

수정된 화면 또는 기능을 시연할 수 있는 스크린샷을 첨부해 주세요.

📄 기타

추가적으로 전달하고 싶은 내용이나 특별한 요구 사항이 있으면 작성해 주세요.

Summary by CodeRabbit

## Release Notes

### Style
- `FitButton` 컴포넌트 스타일 수정: `theme`을 외부에서 가져오도록 변경.
- `Playlists` 컴포넌트 스타일 수정: `textEllipsis` 함수 사용 및 `itemStyle` 속성 변경.
- `PlaylistInfo` 컴포넌트 스타일 수정: 편집 버튼을 `FitButton`으로 대체.
- `AddPost` 페이지 스타일 및 구조 변경: `HiOutlineLink` 아이콘 추가, `VideoThumbnail` 컴포넌트 도입.
- `AddVideos` 페이지 스타일 수정: `HiOutlinePlus` 아이콘 추가, `addButtonStyle` 적용.
- `NewPost` 페이지 스타일 수정: `VideoThumbnail` 컴포넌트 사용.
- `SelectPli` 페이지 스타일 수정: gap 값, margin-left, 이미지 컨테이너 스타일 및 미디어 쿼리 추가.

[github-actions]

CodeRabbit

Walkthrough

이번 변경 사항은 주로 스타일 수정과 관련된 내용입니다. 여러 컴포넌트와 페이지에서 CSS 및 스타일 속성이 업데이트되었으며, 일부 아이콘과 컴포넌트가 추가되었습니다. 이러한 변경 사항은 UI의 일관성과 사용자 경험을 향상시키기 위한 것입니다.

Changes

파일	요약
src/components/common/buttons/FitButton.tsx	FitButton 컴포넌트에서 스타일 관련 변경이 이루어졌습니다. baseButtonStyle과 buttonStyle 함수 시그니처가 수정되었고, theme을 직접 받지 않도록 변경되었습니다. 또한 theme을 외부에서 가져오도록 수정되었습니다.
src/components/playlist/Playlists.tsx, src/components/playlistDetail/PlaylistInfo.tsx	스타일 수정을 포함하며, textEllipsis 함수가 GlobalStyles에서 import되었습니다. itemStyle 함수에 align-items 속성이 추가되었고, padding 및 margin 값이 변경되었습니다.
src/pages/AddPost.tsx, src/pages/NewPost.tsx	스타일 및 구조적인 변경을 포함하고 있습니다. HiOutlineLink 아이콘 추가, VideoThumbnail 컴포넌트 도입, CSS 클래스명 변경, 스타일 수정 등이 이루어졌습니다.
src/pages/AddVideos.tsx	HiOutlinePlus 아이콘 import 수정 및 addButtonStyle 스타일 추가, margin-bottom 값 변경
src/pages/SelectPli.tsx	스타일 시트에서 간단한 변경 사항이 있습니다. gap 값, margin-left 및 이미지 컨테이너에 대한 스타일 속성이 수정되었습니다. 또한 미디어 쿼리를 사용하여 화면 너비에 따라 스타일이 변경됩니다.

🐇 "코드의 변화, 스타일의 춤,
UI는 더 예뻐지고, 버그는 숨.
버튼과 아이콘, 모두 새롭게,
사용자 경험, 이제는 완벽해!" 🌟

---

Uplevel your code reviews with CodeRabbit Pro

CodeRabbit Pro

If you like this project, please support us by purchasing the Pro version. The Pro version has advanced context, superior noise reduction and several proprietary improvements compared to the open source version. Moreover, CodeRabbit Pro is free for open source projects.

[github-actions]

Visit the preview URL for this PR (updated for commit acc107e):

https://toy-project-2-team-4-pizza--preview-cuf8b9eo.web.app

_{(expires Sun, 08 Sep 2024 23:59:48 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 70fe82c823fc0ae3a244966b629012f11f284e3b}