Fixed: Camera mirroring and button

[ZarrarPeshimam]

Description:
Currently, the local webcam feed in VideoMeetingPage.tsx appears mirrored (left and right swapped) by default. This can confuse users when showing text or objects, and there’s no option to disable mirroring for the self-view.

close issue: #17

This PR introduces:

• A .mirrored CSS class applied only to the local video element.
• A “Flip Camera” toggle button in the meeting controls to enable/disable mirroring dynamically.
• Ensures remote participant video streams remain unmirrored.

Changes Made:

• Added isMirrored state to manage self-view mirroring.
• Updated VideoMeetingPage.tsx to conditionally apply .mirrored class to the local video.
• Added a toggle button for users to flip/unflip their camera.
• CSS class .mirrored { transform: scaleX(-1); } added for mirroring effect.

Expected Behavior:

• Local self-view is mirrored by default (like Google Meet/Zoom).
• Users can toggle mirroring off for an accurate view.
• Remote participants see the correct, unmirrored feed.

Why This Matters:

• Matches familiar behavior from popular video conferencing tools.
• Prevents confusion when presenting text or objects.
• Gives users more control over their meeting experience.

Demo video

bandicam.2025-08-15.18-08-22-818.mp4

[vercel]

@ZarrarPeshimam is attempting to deploy a commit to the Ananta Chandra Das' projects Team on Vercel.

A member of the Team first needs to authorize it.

[ZarrarPeshimam]

@Ananta025, can you review my PR
Also make sure of adding correct label of gssoc25 and level if needed to issue and pr.