Update z-index values in ModalContainer, PopupContainer, SessionUsersPanel2, and PopoverWrapper for improved layering. Adjust ActionsSidebarWrapper in NewSessionPage for consistent z-index management.

client/src/components/ModalContainer.tsx

@@ -60,7 +60,7 @@ function ModalContainer() {
           <div
             ref={modalRef}
             className={clsx(
-              "bg-black/70 max-md:top-14 flex overflow-y-auto fixed inset-0 z-10",
+              "bg-black/70 max-md:top-14 flex overflow-y-auto fixed inset-0 z-[99999]",
               isMobile ? "items-end" : "items-center",
               !isMobile &&
                 (position === "center" ? "justify-center" : "justify-end")

client/src/components/PopupContainer.tsx

@@ -18,7 +18,7 @@ function PopupContainer() {
     <AnimatePresence>
       {popup && (
         <motion.div
-          className="fixed bottom-0"
+          className="fixed bottom-0 z-[9999]"
           initial={{ opacity: 0, y: isMobile ? "100%" : undefined }}
           animate={{ opacity: 1, y: isMobile ? "0%" : undefined }}
           exit={{ opacity: 0, y: isMobile ? "100%" : undefined }}

client/src/components/SessionUsersPanel2.tsx

@@ -37,7 +37,7 @@ function SessionUsersPanel2() {
       autoAlign={true}
       initialCorner={innerWidth >= 640 ? "bottom-right" : "top-right"}
       padding="1.111vw"
-      className="flex gap-4"
+      className="flex gap-4 z-[999]"
     >
       {users.map((user) => (
         <UserCamera

client/src/components/ui/PopoverWrapper.tsx

@@ -78,7 +78,7 @@ function PopoverWrapper({
           }}
           style={getPositionStyles()}
           className={clsx(
-            "fixed z-10 shadow-[0_4px_40px_0_rgba(15,16,17,0.1)] overflow-hidden bg-white 2xl:rounded-[1.111vw] rounded-2xl",
+            "fixed z-[99999] shadow-[0_4px_40px_0_rgba(15,16,17,0.1)] overflow-hidden bg-white 2xl:rounded-[1.111vw] rounded-2xl",
             position === "side" && "-translate-x-full",
             position === "vertical" && "-translate-x-full",
             className

client/src/pages/NewSessionPage.tsx

@@ -160,7 +160,7 @@ function NewSessionPage() {
             />
           </div>
         )}
-      <ActionsSidebarWrapper>
+      <ActionsSidebarWrapper className="z-[99]">
         <FloatingActionButton
           className="max-2xl:hidden"
           onClick={handleChatOpen}