refactor: 배포한 @pium/stack-component 적용 (#419)

* chore: update submodule

* chore: pium stack component 설치

* refactor: 라이브러리 적용

* chore: 사용하지 않는 파일 삭제

* test: cypress 코드 수정

- dom 순서와 ui 순서가 같아져서 돌아가지 않던 코드 수정

frontend/cypress/e2e/petRegister.cy.ts

@@ -71,36 +71,36 @@ describe('반려 식물 등록하기', () => {
       .get(`span[aria-label="${todayKorString}"]`)
       .click()
 
-      .get('input')
-      .last()
+      .get('input[type="text"]')
+      .first()
       .type('7')
       .get('button[aria-label="입력 완료"]')
-      .last()
+      .first()
       .click()
 
       .get('button[type="button"]')
-      .last()
+      .first()
       .click()
       .get('li[role="menuitem"]')
       .first()
       .click()
 
       .get('button[type="button"]')
-      .last()
+      .first()
       .click()
       .get('li[role="menuitem"]')
       .last()
       .click()
 
       .get('button[type="button"]')
-      .last()
+      .first()
       .click()
       .get('li[role="menuitem"]')
       .first()
       .click()
 
       .get('button[type="button"]')
-      .last()
+      .first()
       .click()
       .get('li[role="menuitem"]')
       .last()

frontend/package.json

@@ -17,6 +17,7 @@
   },
   "license": "MIT",
   "dependencies": {
+    "@pium/stack-component": "^1.0.0",
     "@tanstack/react-query": "^5.0.0-beta.20",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",