design: 내비게이션 바 shadow 추가 (#164)

* design: 내비게이션 바 섀도우 추가

* chore: 이름 변경 작업중

* chore: Layout 파일 이름 변경 작업 완료

* refactor: Layout 코드 변경

* chore: layout 임포트 수정

Author: wibaek

src/components/layout/BottomNavigation.tsx

@@ -49,7 +49,7 @@ const BottomNavigation = () => {
   ];
 
   return (
-    <nav className="fixed bottom-0 flex h-[56px] w-full max-w-[600px] bg-white">
+    <nav className="fixed bottom-0 flex h-[56px] w-full max-w-[600px] bg-white [box-shadow:0px_-2px_6px_0px_var(--K50,#F5F5F5)]">
       {navs.map((nav) => (
         <Link
           key={nav.text}

src/components/layout/Layout.tsx

@@ -13,7 +13,7 @@ type LayoutProps = {
 const Layout = ({ children }: LayoutProps) => {
   const { hideBottomNavigation } = useLayout();
   return (
-    <div className="mx-auto mb-[56px] w-full min-w-[360px] max-w-[600px] pt-[56px]">
+    <div className="mx-auto mb-14 w-full min-w-[360px] max-w-[600px] pt-14">
       {children}
       {!hideBottomNavigation && <BottomNavigation />}
     </div>