st: refactor: - 버튼 컴포넌트 추가

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

@@ -0,0 +1,16 @@
+import { Button } from "@common/components";
+
+interface AddArticleButtonProps {
+    addArticleFunc: () => void;
+}
+
+const AddArticleButton = ({ addArticleFunc }: AddArticleButtonProps) => {
+    return (
+        <Button className="h-[3.2rem] w-[96px]" onClick={addArticleFunc}>
+            <i className="ri-add-fill" />
+            <span>항목 추가</span>
+        </Button>
+    );
+};
+
+export default AddArticleButton;

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

@@ -0,0 +1,16 @@
+import { Button } from "@common/components";
+
+interface DeleteArticleButtonProps {
+    DeleteArticleFunc: () => void;
+}
+
+const DeleteArticleButton = ({ DeleteArticleFunc }: DeleteArticleButtonProps) => {
+    return (
+        <Button className="h-[3.2rem] w-[96px]" color="red" onClick={DeleteArticleFunc}>
+            <i className="ri-subtract-fill"></i>
+            <span>항목 제거</span>
+        </Button>
+    );
+};
+
+export default DeleteArticleButton;

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

@@ -0,0 +1,16 @@
+import { Button } from "@common/components";
+
+interface UpdateOperateDataButtonProps {
+    UpdateOperateDataButtonFunc: () => void;
+}
+
+const UpdateOperateDataButton = ({ UpdateOperateDataButtonFunc }: UpdateOperateDataButtonProps) => {
+    return (
+        <Button color="emerald" className="h-[3.2rem] w-[176px]" onClick={UpdateOperateDataButtonFunc}>
+            <i className="diveicon di-arrow-up-down" />
+            <span>운영 데이터 업데이트</span>
+        </Button>
+    );
+};
+
+export default UpdateOperateDataButton;