Refactor ModalContainer and SessionUsersPanel components for improved layout and responsiveness. Update modal positioning and z-index handling, and simplify class names in SessionUsersPanel.

client/src/components/ModalContainer.tsx

@@ -52,7 +52,7 @@ function ModalContainer() {
     <AnimatePresence>
       {modal && (
         <motion.div
-          className="h-full"
+          className="h-full fixed inset-0 z-[99999]"
           initial={{ opacity: 0 }}
           animate={{ opacity: 1 }}
           exit={{ opacity: 0 }}
@@ -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-[99999]",
+              "bg-black/70 max-md:top-14 flex overflow-y-auto h-full w-full",
               isMobile ? "items-end" : "items-center",
               !isMobile &&
                 (position === "center" ? "justify-center" : "justify-end")

client/src/components/SessionUsersPanel.tsx

@@ -36,7 +36,7 @@ function SessionUsersPanel({
       autoAlign={true}
       initialCorner={innerWidth >= 640 ? "bottom-right" : "top-right"}
       padding="1.111vw"
-      className="flex gap-4 z-[999]"
+      className="flex gap-4"
     >
       {/* Локальная камера пользователя - показываем только если есть разрешение */}
       {localStream && (