Merge branch 'production/fe' into develop/fe

README.md

@@ -0,0 +1,17 @@
+# 🛣️ 서비스 소개
+다른 사람의 여행을 따라가고 싶은데, 정리하기는 귀찮은 적 있지 않으셨나요?
+방대한 양의 여행을 어떻게 기록할지 막막한 적 있지 않으셨나요?
+
+단 한 번의 클릭으로 다른 사람의 여행이 나의 여행 계획으로 바뀌고,
+미리 준비된 템플릿을 따라 간편하게 여행을 기록할 수 있는 곳
+
+귀찮은 기억은 내려놓고 즐거운 기억만 가져갈 수 있도록 투룻이 도와줄게요!
+
+> **To your route, touroot!**
+
+## 💡 투룻이 이렇게 도와드릴게요!
+
+1. 마음에 드는 여행기를 단 한 번의 클릭으로 나의 여행 계획으로 바꿀 수 있어요.
+2. 작성한 나의 여행 계획을 쉽고 간단하게 여행기로 바꿀 수 있어요.
+3. 단 하나의 링크로 자신의 여행 계획을 친구들에게 공유할 수 있어요.
+4. 여행기 혹은 여행 계획에서 일별 방문 장소와 장소에 대한 정보를 지도에서 한눈에 볼 수 있어요.

frontend/src/components/common/FloatingButton/FloatingButton.tsx

@@ -26,6 +26,8 @@ const FloatingButton = () => {
   useModalControl(isOpen, handleToggleButton);
   const { isRendered } = useUnmountAnimation({ isOpen });
 
+  useModalControl(isOpen, handleToggleButton);
+
   return (
     <S.FloatingButtonContainer>
       <VisuallyHidden aria-live="assertive">

frontend/src/components/common/Modal/EditRegisterModalBottomSheet/EditRegisterModalBottomSheet.tsx

@@ -37,7 +37,6 @@ const EditRegisterModalBottomSheet = ({
           </Text>
         </S.TextContainer>
       </Modal.Body>
-
       <Modal.Footer>
         <Button
           variants="secondary"

frontend/src/components/common/Modal/SingleSelectionTagModalBottomSheet/SingleSelectionTagModalBottomSheet.styled.ts

@@ -15,6 +15,7 @@ export const HandleBar = styled.div`
 
 export const modalBodyStyle = css`
   align-items: flex-start;
-  gap: ${theme.spacing.l};
   padding-bottom: ${theme.spacing.l};
+
+  gap: ${theme.spacing.l};
 `;

frontend/src/components/pages/my/ProfileImageEditModalBottomSheet/ProfileImageEditModalBottomSheet.styled.ts

@@ -14,5 +14,7 @@ export const HandleBar = styled.div`
 `;
 
 export const modalBodyStyle = css`
+  align-items: flex-start;
+
   gap: ${theme.spacing.l};
 `;