refactor: event setup tab web wrapper (#16672)

* chore: EventTypeWebWrapper base pr

* fixup! chore: EventTypeWebWrapper base pr

* fixup! Merge branch 'main' into morgan/cal-4183-eventtypeatom-web-wrapper-base

* wip

* fix: error

* Event type atom wrapper handles app dir

* fixup! Merge branch 'main' into morgan/cal-4183-eventtypeatom-web-wrapper-base

* fixup! fixup! Merge branch 'main' into morgan/cal-4183-eventtypeatom-web-wrapper-base

* remove console log

* refactor: event-type-atom (setup tab)

* review comments

* update: better naming

* fixup! review comments

* revert: defaultMenuIsOpen --will create a separate PR

---------

Co-authored-by: Morgan Vernay <morgan@cal.com>
Co-authored-by: Morgan <33722304+ThyMinimalDev@users.noreply.github.com>

packages/features/eventtypes/components/tabs/setup/EventSetupTab.tsx

@@ -15,12 +15,11 @@ import { slugify } from "@calcom/lib/slugify";
 import turndown from "@calcom/lib/turndownService";
 import { Label, Select, SettingsToggle, Skeleton, TextField, Editor } from "@calcom/ui";
 
-export const EventSetupTab = (
-  props: Pick<
-    EventTypeSetupProps,
-    "eventType" | "locationOptions" | "team" | "teamMembers" | "destinationCalendar"
-  >
-) => {
+export type EventSetupTabProps = Pick<
+  EventTypeSetupProps,
+  "eventType" | "locationOptions" | "team" | "teamMembers" | "destinationCalendar"
+>;
+export const EventSetupTab = (props: EventSetupTabProps) => {
   const { t } = useLocale();
   const formMethods = useFormContext<FormValues>();
   const { eventType, team } = props;

packages/platform/atoms/event-types/wrappers/EventSetupTabWebWrapper.tsx

@@ -0,0 +1,8 @@
+import type { EventSetupTabProps } from "@calcom/features/eventtypes/components/tabs/setup/EventSetupTab";
+import { EventSetupTab } from "@calcom/features/eventtypes/components/tabs/setup/EventSetupTab";
+
+const EventSetupTabWebWrapper = (props: EventSetupTabProps) => {
+  return <EventSetupTab {...props} />;
+};
+
+export default EventSetupTabWebWrapper;

packages/platform/atoms/event-types/wrappers/EventTypeWebWrapper.tsx

@@ -32,7 +32,7 @@ const AssignmentWarningDialog = dynamic(
 
 const EventSetupTab = dynamic(() =>
   // import web wrapper when it's ready
-  import("@calcom/features/eventtypes/components/tabs/setup/EventSetupTab").then((mod) => mod.EventSetupTab)
+  import("./EventSetupTabWebWrapper").then((mod) => mod)
 );
 
 const EventAvailabilityTab = dynamic(() =>