[fix] : 마감 기한이 이상하게 렌더링 되는 부분 수정 & Info 컴포넌트 경로 변경

src/components/atoms/Info.jsx

@@ -0,0 +1,45 @@
+import time from '../../utils/time';
+
+/* eslint-disable */
+const Info = ({ response }) => {
+  // 마감시간
+  let finishTime = new Date(response.finishedAt);
+
+  // 메뉴들 나열하는 거
+  const showMenu = (item) => {
+    return item.map(({ name }) => {
+      return <div key={name}>{name}</div>;
+    });
+  };
+
+  return (
+    <div className="px-8 pt-6">
+      {/* 주문정보 */}
+      <div>
+        <div className="text-xl font-bold text-blue py-2">주문 정보</div>
+        <div>{showMenu(response.beverage)}</div>
+      </div>
+      {/* 요청사항 */}
+      <div className="my-12">
+        <div className="text-xl font-bold text-blue py-2">요청 사항</div>
+        <div>
+          <div className="flex">
+            <div className="text-zinc-400">픽업팁</div>
+            <div className="ml-8">{response.tip}원</div>
+          </div>
+          <div className="flex">
+            <div className="text-zinc-400">요청사항</div>
+            <div className="ml-5">{response.request}</div>
+          </div>
+        </div>
+      </div>
+      {/* 마감기한 */}
+      <div className="my-12">
+        <div className="text-xl font-bold text-blue py-2">마감기한</div>
+        <div>{time(finishTime)}</div>
+      </div>
+    </div>
+  );
+};
+
+export default Info;