괄호 안의 항을 2, 3, 4 항으로 설정하는 기능 추가

app/(game)/variable-parentheses/VariableParenthesesClient.tsx

@@ -10,6 +10,12 @@ export default function VariableParenthesesClient() {
   const setProblemCount = useVariableGameStore(
     (state) => state.setProblemCount,
   );
+  const selectedMaxTermCount = useVariableGameStore(
+    (state) => state.selectedMaxTermCount,
+  );
+  const setMaxTermCount = useVariableGameStore(
+    (state) => state.setMaxTermCount,
+  );
   const initSession = useVariableGameStore((state) => state.initSession);
 
   return (
@@ -18,10 +24,12 @@ export default function VariableParenthesesClient() {
       title="미지수 괄호 풀기"
       description="괄호 안의 한 항에 미지수 x가 들어간 식을 풀며 부호 변화를 연습합니다."
       notice="현재는 소괄호와 미지수 x 문제만 선택할 수 있습니다."
-      playHref={`/variable-parentheses/play?count=${selectedProblemCount}`}
+      playHref={`/variable-parentheses/play?count=${selectedProblemCount}&terms=${selectedMaxTermCount}`}
       selectedProblemCount={selectedProblemCount}
+      selectedMaxTermCount={selectedMaxTermCount}
       onProblemCountChange={setProblemCount}
-      onStart={() => initSession(selectedProblemCount)}
+      onMaxTermCountChange={setMaxTermCount}
+      onStart={() => initSession(selectedProblemCount, selectedMaxTermCount)}
     />
   );
 }