fix: cal video issues (#12546)

Co-authored-by: Joe Au-Yeung <65426560+joeauyeung@users.noreply.github.com>

apps/web/pages/video/[uid].tsx

@@ -214,7 +214,7 @@ export function VideoMeetingInfo(props: VideoMeetingInfo) {
           <h3>{t("invitee_timezone")}:</h3>
           <p>{booking.user?.timeZone}</p>
           <h3>{t("when")}:</h3>
-          <p>
+          <p suppressHydrationWarning={true}>
             {formatToLocalizedDate(startTime)} <br />
             {formatToLocalizedTime(startTime)}
           </p>

packages/features/ee/organizations/README.md

@@ -23,13 +23,22 @@ From the [Original RFC](https://github.com/calcom/cal.com/issues/7142):
     1. `sudo npx hostile app.cal.local`
     2. Add it yourself
 
-4.  Add `acme.cal.local` to host file given that the org create for it will be `acme`, otherwise do this for whatever slug will be assigned to the org. This is needed to test org-related public URLs, such as sub-teams, members and event-types.
+6.  Add `acme.cal.local` to host file given that the org create for it will be `acme`, otherwise do this for whatever slug will be assigned to the org. This is needed to test org-related public URLs, such as sub-teams, members and event-types.
 
-5.  Be sure to be logged in with any type of user and visit `/settings/organizations/new` and follow setup steps with the slug matching the org slug from step 3
+7.  Be sure to be logged in with any type of user and visit `/settings/organizations/new` and follow setup steps with the slug matching the org slug from step 3
 
-6.  Log in as admin and go to Settings and under Organizations you will need to accept the newly created organization in order to be operational
+8.  Log in as admin and go to Settings and under Organizations you will need to accept the newly created organization in order to be operational
+
+9.  After finishing the org creation, you will be automatically logged in as the owner of the organization, and the app will be shown in organization mode
+
+### Note
+
+Browsers do not allow camera/mic access on any non-HTTPS hosts except for localhost. To test cal video organization meeting links locally (`app.cal.local/video/[uid]`). You can access the meeting link by replacing app.cal.local with localhost in the URL.
+
+For eg:- Use  `http://localhost:3000/video/nAjnkjejuzis99NhN72rGt` instead of  `http://app.cal.local:3000/video/nAjnkjejuzis99NhN72rGt`.
+
+You can also use `ngrok` or you can generate SSL certificate for your local domain using `mkcert`.
 
-7.  After finishing the org creation, you will be automatically logged in as the owner of the organization, and the app will be shown in organization mode
 
 ## DNS setup