feat: BottomNavBar 컴포넌트 개발 (#34)

* feat(ui): bottomNavBar 에 들어갈 svg 아이콘 추가

* feat(ui): bottomNavBar 컴포넌트 추가

* feat(ui): bottomNavBar 에 네이게이션 버튼 추가

* feat(ui): bottomNavigation 버튼에 페이지 이동 기능 추가

* feat(ui): 바텀 네비바의 버튼이 선택된 경우, 글씨 색깔이 진해지는 기능 추가

* feat(ui): 바텀 네비게이션 버튼 클릭할 때마다 선택된 버튼 상태 변경 로직 추가

* feat(ui): useBottomNavBar hook 으로 selected navbar button item 상태 관리

* fix(ui): useBottomNavBar 에서 pageType import 주소 경로를 상대경로로 수정

* fix(ui): navBarButton 에 불필요한 css 속성 제거

* refactor(common): layout 컴포넌트의 position prop name 을 pos 단축어로 수정

* refactor(ui): 중복되는 css prop 제거:wq\!

apps/shelter/src/components/layout/index.tsx

@@ -13,7 +13,7 @@ export default function Layout() {
   };
 
   return (
-    <Container maxW="container.sm" h="100vh" p={0} centerContent>
+    <Container pos="relative" maxW="container.sm" h="100vh" p={0} centerContent>
       <Header headerOption={headerOption} />
       <Container height="100%" pb="50px" px="16px">
         <Outlet />

apps/volunteer/src/components/layout/index.tsx

@@ -13,7 +13,7 @@ export default function Layout() {
   };
 
   return (
-    <Container maxW="container.sm" h="100vh" p={0} centerContent>
+    <Container pos="relative" maxW="container.sm" h="100vh" p={0} centerContent>
       <Header headerOption={headerOption} />
       <Container height="100%" pb="50px" px="16px">
         <Outlet />