perf: Event-type config page

[leog]

What does this PR do?

Follows some suggestion to reduce re-renders on a couple of high profile components needed for event-type config page to improve performance. One is related to avoid changing children to re-render by componentizing to behave as an atomic block and the other is to avoid relying on objects when passing down properties.

Fixes #9944

Type of change

• Performance fix (non-breaking change which intends to improve performance)

How should this be tested?

Open an Event Type config page, it should have to process less re-renders, reducing the TTI (time-to-interactive).

Mandatory Tasks

• Make sure you have self-reviewed the code. A decent size PR without self-review might be rejected.

[alwaysmeticulous]

🤖 Meticulous spotted visual differences in 94 of 214 screens tested: view and approve differences detected.

_{Last updated for commit 79b026d. This comment will update as new commits are pushed.}

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
api	✅ Ready (Inspect)	Visit Preview		Jul 18, 2023 8:53pm
cal	✅ Ready (Inspect)	Visit Preview		Jul 18, 2023 8:53pm
cal-demo	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 18, 2023 8:53pm
ui	✅ Ready (Inspect)	Visit Preview		Jul 18, 2023 8:53pm

[github-actions]

Thank you for following the naming conventions! 🙏

[github-actions]

📦 Next.js Bundle Analysis for @calcom/web

This analysis was generated by the Next.js Bundle Analysis action. 🤖

This PR introduced no changes to the JavaScript bundle! 🙌

[deploysentinel]

Current Playwright Test Results Summary

✅ 94 Passing - ⚠️ 2 Flaky

Run may still be in progress, this comment will be updated as current testing workflow or job completes...

(Last updated on 07/18/2023 09:02:17pm UTC)

Run Details

Running Workflow PR Update on Github Actions

Commit: 79b026d

Started: 07/18/2023 09:00:07pm UTC

⚠️ Flakes

📄   packages/app-store/routing-forms/playwright/tests/basic.e2e.ts • 1 Flake

Test Case Results

Test Case	Last 7 days Failures	Last 7 days Flakes
Routing Forms Seeded Routing Form Routing Link - Reporting and CSV Download Retry 1 • Initial Attempt	5.88% (12) 12 / 204 runs failed over last 7 days	42.16% (86) 86 / 204 runs flaked over last 7 days

---

📄   packages/embeds/embed-core/playwright/tests/action-based.e2e.ts • 1 Flake

Test Case Results

Test Case	Last 7 days Failures	Last 7 days Flakes
Popup Tests should be able to reschedule Retry 2 • Retry 1 • Initial Attempt	1.23% (2) 2 / 163 runs failed over last 7 days	98.16% (160) 160 / 163 runs flaked over last 7 days

---

View Detailed Build Results

---

[sean-brydon]

These changes needed? or do we have a prettier mis match

[leog]

Prettier yeah

[sean-brydon]

Changes look good - Thanks