پروژهٔ رسم دایره و مربع هست

یک پروژهٔ رسم دایره و مربع هست که با React + Next.js + TypeScript ساخته شده که به‌صورت خودکار ارتباط والدین، فرزندان و همسران را نمایش می‌دهد. کد رو می تونید مشاهده بفرمایید با عکس که حاصل اش هست. من چند تا ریزه کاری کوچک دارم که تا تمومش کنیم. 1. می خواهم بشود اندازه دایره ها و مربع ها و خطوط اتصال دهنده انها را نیز بشود عوض کرد. قابلیت تغییر داشته باشند یعنی 2. می بیند رها به دخترش، خط متصل کننده انها باید برود وسط دختره رها نه گوشه دختر رها 3. سایز علامت مثبت و منفی بزرگ تر شود 4. اعداد بیرون داخل و بیرون به صورت اتوماتیک شوند. یعنی اولین نفر درهر نسل زیرش با یک شروع شود، و اگر عددی در دورنش دارد با ان جمع شود. به عنوان مثال شکل دوم ان نسل درونش نوشته 3، پس عدد زیر ان باید بشود 5-2 و شکل بعدی که عددی درونش نیست، زیرش بشود 6 و ادامه 5. اینکه فاصله ها افراد مخصوصا خواهر و برادر گاهی از هم دور هستند و می خواهم بدون بهم ریختکی بشه بهم بشه نزدیک بشند 6. قابلیت چند همسری هم اضافه بشه، و در اون صورت Child of person با child of selected marrige باید فرق کنه 7. تولید ماژول جدید برای وبسایت omicscae : “ورود اطلاعات شجره‌نامه به روش سؤال‌محور” که روی وبسایتم سوار شوند و این بخش می‌تواند یک Modal باشد یا یک صفحهٔ جدا. کاربر وارد یک Wizard چندمرحله‌ای می‌شود. مراحل Wizard (مرحله‌به‌مرحله) مرحله 1 – اطلاعات فرد اصلی (Proband): نام، جنسیت، سال تولد، بیماری یا تشخیص، سن شروع بیماری (در صورت وجود) مرحله 2 – پدر و مادر: برای پدر: زنده / فوت‌شده، سن یا سال تولد، بیماری ، نتیجه آزمایش ژنتیک (اختیاری) برای مادر نیز همین موارد. مرحله 3 – خواهر و برادرها: تعداد، برای هر کدام: نام، جنسیت، سن، بیماری و … مرحله 4 – فرزندان (در صورت نیاز): مانند مرحله خواهر/برادر مرحله 5 – پدربزرگ و مادربزرگ پدربزرگ/مادربزرگ پدری پدربزرگ/مادربزرگ مادری