Merge branch 'develop' of https://github.com/PERMIT-SEOUL/permit-fe

Author: pepperdad

apps/ticket/package.json

@@ -18,6 +18,7 @@
     "@tanstack/react-query-devtools": "^5.80.10",
     "axios": "^1.10.0",
     "classnames": "^2.5.1",
+    "html5-qrcode": "^2.3.8",
     "import-in-the-middle": "^1.14.2",
     "next": "15.3.6",
     "qrcode.react": "^4.2.0",

apps/ticket/src/app/(pages)/event/[eventId]/_clientBoundray/ImageCarouselClient/index.module.scss

@@ -26,7 +26,7 @@
   align-items: center;
   justify-content: center;
   width: 506px;
-  height: 552px;
+  height: 552px; // 확인
 
   @media (max-width: 767px) {
     position: relative;

apps/ticket/src/app/(pages)/event/[eventId]/time-table/_clientBoundary/TimeTableClient/index.module.scss

@@ -8,16 +8,11 @@
 }
 
 .back_button {
-  // TODO: 1차 릴리즈 이후 다시 오픈
-  display: none;
   width: 90px;
   height: 32px;
 }
 
 .favorite_button {
-  // TODO: 1차 릴리즈 이후 다시 오픈
-  display: none;
-
   border: none;
   border-radius: 34px;
 
@@ -27,10 +22,7 @@
 }
 
 .star_button {
-  // TODO: 1차 릴리즈 이후 다시 오픈
-  display: none;
-
-  // display: flex;
+  display: flex;
   flex-shrink: 0;
   align-items: center;
   justify-content: center;

apps/ticket/src/app/(pages)/event/[eventId]/time-table/_components/TimeTableDetailModal/index.module.scss

@@ -158,10 +158,7 @@
 }
 
 .star_button {
-  // TODO: 1차 릴리즈 이후 다시 오픈
-  display: none;
-
-  // display: flex;
+  display: flex;
   flex-shrink: 0;
   align-items: center;
   justify-content: center;

apps/ticket/src/app/(pages)/staff/ticket-authorization/_clientBoundary/TicketAuthorizationClient/index.module.scss

@@ -0,0 +1,61 @@
+@use "@permit/design-system/styles/variables" as theme;
+
+.container {
+  width: 100%;
+  min-height: 100vh;
+  margin-top: 120px;
+  padding: 24px;
+
+  background-color: theme.$black;
+}
+
+.header {
+  margin-bottom: 32px;
+}
+
+.camera_container {
+  position: relative;
+  width: 100%;
+  max-width: 500px;
+  margin: 0 auto;
+  overflow: hidden;
+
+  background-color: theme.$gray-900;
+  border-radius: 12px;
+}
+
+.qr_reader {
+  width: 100%;
+}
+
+.toast {
+  position: fixed;
+  bottom: 32px;
+  left: 50%;
+  z-index: 9999;
+  padding: 16px 24px;
+
+  color: theme.$white;
+  font-weight: 500;
+  font-size: 16px;
+
+  background-color: theme.$gray-800;
+  box-shadow: 0 4px 12px rgb(0 0 0 / 30%);
+  transform: translateX(-50%);
+  opacity: 1;
+  border-radius: 8px;
+
+  transition: opacity 0.3s ease;
+
+  &.success {
+    background-color: #0f0;
+  }
+
+  &.error {
+    background-color: theme.$red-100;
+  }
+
+  &.toast_hide {
+    opacity: 0;
+  }
+}