레이아웃 추가 수정 (#34)

* feat: 필터 카테고리 가운데 정렬

* chore: 배너 이미지 수정

* feat: 질문하기 버튼 포지션 변경

src/entities/question-button/ui/question-button.ui.tsx

@@ -1,4 +1,4 @@
-import { useNavigate } from "react-router-dom";
+import { useLocation, useNavigate } from "react-router-dom";
 import styled from "styled-components";
 
 const Wrap = styled.div`
@@ -23,10 +23,8 @@ const Button = styled.button`
 `;
 
 export const QuestionButton = () => {
+  const location = useLocation();
+  const isWritePage = location.pathname === "/question/write";
   const navigator = useNavigate();
-  return (
-    <Wrap>
-      <Button onClick={() => navigator("/question/write")}>질문하기</Button>
-    </Wrap>
-  );
+  return <Wrap> {!isWritePage && <Button onClick={() => navigator("/question/write")}>질문하기</Button>}</Wrap>;
 };

src/shared/banner/banner.tsx

@@ -1,3 +1,4 @@
+import { useLocation } from "react-router-dom";
 import { styled } from "styled-components";
 
 import bannerImg from "~/shared/icons/main/banner.png";
@@ -7,17 +8,25 @@ const Wrapper = styled.div`
   max-width: 1440px;
   margin: auto;
   height: 410px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 `;
 
 const Img = styled.img`
-  width: 100%;
   height: 100%;
 `;
 
 export const Banner = () => {
+  const location = useLocation();
+  const isWritePage = location.pathname.includes("/question");
   return (
-    <Wrapper>
-      <Img src={bannerImg} alt="banner" />
-    </Wrapper>
+    <>
+      {!isWritePage && (
+        <Wrapper>
+          <Img src={bannerImg} alt="banner" />
+        </Wrapper>
+      )}
+    </>
   );
 };

src/widgets/top-filter/ui/top.ui.tsx

@@ -1,4 +1,3 @@
-import { useLocation } from "react-router-dom";
 import styled from "styled-components";
 
 import { QuestionButton } from "~/entities/question-button";
@@ -18,15 +17,13 @@ const Wrapper = styled.div`
     max-width: 1440px;
   }
 `;
-
+const Empty = styled.span``;
 export const Top = () => {
-  const location = useLocation();
-  const isWritePage = location.pathname === "/question/write";
-
   return (
     <Wrapper>
+      <Empty />
       <QuestionListFilter />
-      {!isWritePage && <QuestionButton />}
+      <QuestionButton />
     </Wrapper>
   );
 };