[Fix] - 랜딩 페이지 페이지 잘리는 문제 및 todo 세로 배열이 맞지 않는 문제 (#583)

* fix(FirstPage): 주소창에 가려지는 문제 해결

* fix(TravelPlanTodoItem): 투투 텍스트 정렬 다른 문제 해결

frontend/src/components/pages/landing/FirstPage/FirstPage.styled.ts

@@ -11,28 +11,32 @@ export const Layout = styled.div`
   align-items: center;
   position: relative;
   width: 100%;
-  height: 100vh;
+  height: 100svh;
   max-width: 48rem;
   padding: ${theme.spacing.l} ${theme.spacing.l} 0 ${theme.spacing.l};
 
   background-color: ${PRIMITIVE_COLORS.blue[50]};
 `;
+
 export const Image = styled.img`
   position: absolute;
   bottom: 0;
   z-index: 0;
   width: 100%;
 `;
+
 export const titleStyle = css`
   margin-top: ${theme.spacing.xxl};
 
   color: ${theme.colors.primary};
 `;
+
 export const Container = styled.div`
   display: flex;
   flex-direction: column;
   gap: ${({ theme }) => theme.spacing.l};
 `;
+
 export const buttonStyle = css`
   background-color: ${PRIMITIVE_COLORS.white};
 
@@ -47,6 +51,7 @@ export const buttonStyle = css`
     color: ${PRIMITIVE_COLORS.white};
   }
 `;
+
 export const Gradient = styled.div`
   position: absolute;
   bottom: 0;

frontend/src/components/pages/travelPlanDetail/TravelPlanTodoItem/TravelPlanTodoItem.styled.ts

@@ -3,4 +3,5 @@ import styled from "@emotion/styled";
 export const TodoListItemContainer = styled.li`
   display: flex;
   gap: ${({ theme }) => theme.spacing.s};
+  align-items: center;
 `;