탐색 탭 로딩 사용성 개선

[hyesungoh]

🤔 해결하려는 문제가 무엇인가요?

• close #308
• 탐색 탭의 추천 카테고리 변경시 뚝뚝 끊기는 것처럼 보이는 것이 불편했어요

🎉 어떻게 해결했나요?

• 기존 사용하던 로딩 핸들러를 걷어내고, AnimatePresence와 함께 애니메이션을 주었어요

📚 Attachment (Option)

https://user-images.githubusercontent.com/26461307/217145909-dbc6eb1a-af82-42d7-849c-583b05ef70de.mov

[github-actions[bot]]

Bundle Sizes

Compared against 4680e706c1c7921c488f86591fdd9f09e1e9b9b0

Route: No significant changes found

Dynamic import: No significant changes found

[codecov-commenter]

Codecov Report

Base: 95.91% // Head: 95.95% // Increases project coverage by +0.03% :tada:

Coverage data is based on head (6e934a4) compared to base (4680e70). Patch coverage: 100.00% of modified lines in pull request are covered.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #313 +/- ## ========================================== + Coverage 95.91% 95.95% +0.03% ========================================== Files 24 24 Lines 245 247 +2 Branches 48 48 ========================================== + Hits 235 237 +2 Misses 10 10 ``` | [Impacted Files](https://codecov.io/gh/depromeet/ahmatda-web/pull/313?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=depromeet) | Coverage Δ | | |---|---|---| | [...onents/route-search/RecommendationTemplateCard.tsx](https://codecov.io/gh/depromeet/ahmatda-web/pull/313?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=depromeet#diff-c3JjL2NvbXBvbmVudHMvcm91dGUtc2VhcmNoL1JlY29tbWVuZGF0aW9uVGVtcGxhdGVDYXJkLnRzeA==) | `86.53% <100.00%> (+0.53%)` | :arrow_up: | Help us with your feedback. Take ten seconds to tell us [how you rate us](https://about.codecov.io/nps?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=depromeet). Have a feature suggestion? [Share it here.](https://app.codecov.io/gh/feedback/?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=depromeet)

:umbrella: View full report at Codecov.
:loudspeaker: Do you have feedback about the report comment? Let us know in this issue.