fix: blog form 작성하기 더 편한 여백으로 조정

Author: ShipFriend0516

app/admin/write/page.tsx

@@ -9,7 +9,7 @@ export const generateMetadata = async (): Promise<Metadata> => {
 
 const BlogWritePage = () => {
   return (
-    <section className={'p-6 max-w-7xl mx-auto'}>
+    <section className={'py-6 px-2 max-w-8xl mx-auto'}>
       <BlogForm />
     </section>
   );

app/entities/post/write/BlogForm.tsx

@@ -240,7 +240,7 @@ const BlogForm = () => {
   };
 
   return (
-    <div className={'px-4'}>
+    <div className={'px-2'}>
       <h1 className={'text-2xl text-center mb-4'}>
         글 {slug ? '수정' : '작성'}
       </h1>
@@ -294,7 +294,11 @@ const BlogForm = () => {
         <MDEditor
           value={formData.content}
           onChange={(value) => setFormData({ content: value })}
-          extraCommands={[calloutCommand, commands.divider, ...commands.getExtraCommands()]}
+          extraCommands={[
+            calloutCommand,
+            commands.divider,
+            ...commands.getExtraCommands(),
+          ]}
           height={500}
           minHeight={500}
           visibleDragbar={false}
@@ -304,8 +308,13 @@ const BlogForm = () => {
               'data-color-mode': theme,
             },
             components: {
-              callout: ({ emoji, children }: { emoji?: string; children?: React.ReactNode }) =>
-                <Callout emoji={emoji}>{children}</Callout>,
+              callout: ({
+                emoji,
+                children,
+              }: {
+                emoji?: string;
+                children?: React.ReactNode;
+              }) => <Callout emoji={emoji}>{children}</Callout>,
             } as any,
             rehypeRewrite: (node, index?, parent?) => {
               asideToCallout(node);