style: 채번규칙 규칙명과 미리보기를 한 줄로 배치

- 규칙명과 미리보기를 flex로 나란히 배치
- 각각 flex-1로 동일한 너비 (50:50)
- gap-3로 간격 설정
- 공간 효율성 향상

frontend/components/numbering-rule/NumberingRuleDesigner.tsx

@@ -312,7 +312,8 @@ export const NumberingRuleDesigner: React.FC<NumberingRuleDesignerProps> = ({
               </Button>
             </div>
 
-            <div className="space-y-2">
+            <div className="flex items-center gap-3">
+              <div className="flex-1 space-y-2">
                 <Label className="text-sm font-medium">규칙명</Label>
                 <Input
                   value={currentRule.ruleName}
@@ -321,10 +322,11 @@ export const NumberingRuleDesigner: React.FC<NumberingRuleDesignerProps> = ({
                   placeholder="예: 프로젝트 코드"
                 />
               </div>
-
+              <div className="flex-1 space-y-2">
-            <div className="space-y-2">
+                <Label className="text-sm font-medium">미리보기</Label>
                 <NumberingRulePreview config={currentRule} />
               </div>
+            </div>
 
             <div className="flex-1 overflow-y-auto">
               <div className="mb-3 flex items-center justify-between">