[st] - 일정등록, 입력단 지난검증결과 알림 뱃지, 로그 상세조회, 검토단 cell style 적용

apps/st/src/components/button/VerificationResultButton.css

@@ -0,0 +1,24 @@
+.verification-result-btn-wrap {
+    position: relative;
+    display: inline-flex;
+}
+
+.verification-result-btn-failed-dot {
+    position: absolute;
+    left: 0.35rem;
+    top: 0.35rem;
+    width: 0.55rem;
+    height: 0.55rem;
+    border-radius: 9999px;
+    background: #ff6c64;
+    box-shadow: 0 0 0 0 rgba(255, 108, 100, 0.75);
+    animation: verification-result-btn-dot-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+    pointer-events: none;
+}
+
+@keyframes verification-result-btn-dot-ping {
+    75%,
+    100% {
+        box-shadow: 0 0 0 0.5rem rgba(255, 108, 100, 0);
+    }
+}

apps/st/src/components/button/VerificationResultButton.tsx

@@ -1,16 +1,34 @@
 import { Button } from "@common/components";
 
+import "./VerificationResultButton.css";
+
 interface VerificationResultButtonProps {
     VerificationResultButtonFunc: () => void;
+    isVerificationFailed?: boolean;
 }
 
-const VerificationResultButton = ({ VerificationResultButtonFunc }: VerificationResultButtonProps) => {
+const VerificationResultButton = ({
+    VerificationResultButtonFunc,
+    isVerificationFailed = false,
+}: VerificationResultButtonProps) => {
     return (
-        <Button color="white" className="h-[3.2rem]" onClick={VerificationResultButtonFunc}>
-            <i className="diveicon di-list" />
-            <span>지난 검증 결과</span>
-        </Button>
+        <span className="verification-result-btn-wrap">
+            <Button
+                color="white"
+                className="h-[3.2rem]"
+                onClick={VerificationResultButtonFunc}
+            >
+                <i className="diveicon di-list" />
+                <span>지난 검증 결과</span>
+            </Button>
+            {isVerificationFailed && (
+                <span
+                    className="verification-result-btn-failed-dot"
+                    aria-hidden
+                />
+            )}
+        </span>
     );
 };
 
-export default VerificationResultButton;
+export default VerificationResultButton;