refactor(control-center): Quick Controls 재디자인 및 플랜/잠금 결제 동선 정리

src/widgets/space-sheet-shell/ui/SpaceSideSheet.tsx

@@ -14,6 +14,7 @@ interface SpaceSideSheetProps {
   footer?: ReactNode;
   widthClassName?: string;
   dismissible?: boolean;
+  headerAction?: ReactNode;
 }
 
 export const SpaceSideSheet = ({
@@ -25,6 +26,7 @@ export const SpaceSideSheet = ({
   footer,
   widthClassName,
   dismissible = true,
+  headerAction,
 }: SpaceSideSheetProps) => {
   const closeTimerRef = useRef<number | null>(null);
   const [shouldRender, setShouldRender] = useState(open);
@@ -123,16 +125,19 @@ export const SpaceSideSheet = ({
               <h2 className="text-[1.05rem] font-semibold tracking-tight text-white">{title}</h2>
               {subtitle ? <p className="mt-1 text-[11px] text-white/56">{subtitle}</p> : null}
             </div>
-            {dismissible ? (
-              <button
-                type="button"
-                onClick={onClose}
-                aria-label="닫기"
-                className="inline-flex h-7 w-7 items-center justify-center rounded-full border border-white/14 bg-white/6 text-[12px] text-white/72 transition-colors hover:bg-white/12 hover:text-white"
-              >
-                ✕
-              </button>
-            ) : null}
+            <div className="flex items-center gap-2">
+              {headerAction}
+              {dismissible ? (
+                <button
+                  type="button"
+                  onClick={onClose}
+                  aria-label="닫기"
+                  className="inline-flex h-7 w-7 items-center justify-center rounded-full border border-white/14 bg-white/6 text-[12px] text-white/72 transition-colors hover:bg-white/12 hover:text-white"
+                >
+                  ✕
+                </button>
+              ) : null}
+            </div>
           </header>
 
           <div className="min-h-0 flex-1 overflow-y-auto px-4 py-3.5 sm:px-5">{children}</div>