feat: Add price graph in PriceStep component

src/pages/WriteSteps/PriceStep.jsx

@@ -1,9 +1,12 @@
 import Button from '../../components/Button';
 import ButtonArea from '../../components/ButtonArea';
 import CurrencyInput from '../../components/CurrencyInput';
+import ProductPriceGraph from '../../components/Graph/ProductPriceGraph';
+import Spacer from '../../components/Spacer';
+import { SubTitle } from '../../styles/Common.styles';
 import * as S from '../../styles/WriteSteps.styles';
 
-function PriceStep({ gotoNextStep, gotoPrevStep, price, setPrice }) {
+function PriceStep({ modelId, gotoNextStep, gotoPrevStep, price, setPrice }) {
   return (
     <S.Step>
       <S.Title>얼마에 팔고 싶나요?</S.Title>
@@ -12,6 +15,9 @@ function PriceStep({ gotoNextStep, gotoPrevStep, price, setPrice }) {
         setValue={setPrice}
         autofocus
       />
+      <Spacer height={20} />
+      <SubTitle>최근 판매 가격</SubTitle>
+      <ProductPriceGraph id={modelId} />
       <ButtonArea>
         <Button
           secondary

src/pages/WriteSteps/index.jsx

@@ -56,6 +56,7 @@ function WriteSteps() {
       )}
       {step === 'price' && (
         <PriceStep
+          modelId={formData.product}
           price={formData.price}
           setPrice={setPrice}
           gotoNextStep={() => setStep('photo')}