feat: 버튼 섹션 구현

Author: DongEun02

app/(with-sidebar)/write/page.tsx

@@ -1,9 +1,11 @@
 import Editor from '@/components/write/Editor';
+import SaveButton from '@/components/write/SaveButton';
 
 const Page = () => {
   return (
-    <div className="bg-background flex min-h-screen flex-col">
+    <div className="bg-background flex min-h-screen flex-col gap-8">
       <Editor />
+      <SaveButton />
     </div>
   );
 };

components/write/Editor.tsx

@@ -19,7 +19,7 @@ const Editor = () => {
       <MDEditor
         value={value}
         onChange={(v) => setValue(v ?? '')}
-        height={850}
+        height={800}
         preview="live"
         textareaProps={{
           placeholder: '내용을 입력하세요',

components/write/SaveButton.tsx

@@ -0,0 +1,21 @@
+const SaveButton = () => {
+  return (
+    <div className="mx-auto flex h-10 w-3xs gap-6">
+      <button
+        type="button"
+        className="bg-primary flex-1 rounded-xl py-4 text-center text-base leading-0 font-semibold text-white shadow-sm transition hover:bg-violet-500 active:bg-violet-700 disabled:cursor-not-allowed disabled:opacity-60"
+      >
+        저장
+      </button>
+
+      <button
+        type="button"
+        className="flex-1 rounded-xl border border-slate-300 bg-none py-4 text-center text-base leading-0 font-semibold text-slate-700 transition hover:bg-slate-200 active:bg-slate-300 disabled:cursor-not-allowed disabled:opacity-60"
+      >
+        취소하기
+      </button>
+    </div>
+  );
+};
+
+export default SaveButton;