Enhance UI components and functionality across the application

- Updated ActionsSidebarWrapper to accept a ref for improved positioning.
- Enhanced SessionUsersPanel with new props for participant management, including mute and disable video functionalities.
- Added vertical positioning option to ActionsPopover for better alignment.
- Modified QRCodePopup and SharePopup to include a second argument in setPopup for type differentiation.
- Refactored ControlButton and Tooltip components for improved accessibility and styling.
- Updated UserCamera to integrate ActionsPopover for participant controls, enhancing user interaction.
- Improved PopoverWrapper to handle dynamic positioning based on parent element.
- Adjusted UserDevicesControls for better layout consistency and responsiveness.
- Enhanced popup management in the popupStore to track popup types.

client/src/components/ui/ControlButton.tsx

@@ -1,5 +1,6 @@
 import clsx from "clsx";
 import Warning from "../indicators/Warning";
+import Tooltip from "./Tooltip";
 
 interface ControlButtonProps
   extends React.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -21,7 +22,7 @@ function ControlButton({
       disabled={disabled}
       {...props}
       className={clsx(
-        "backdrop-blur-[10px] rounded-full transition-colors cursor-pointer outline-none disabled:!cursor-default",
+        "backdrop-blur-[10px]a relative rounded-full transition-colors cursor-pointer outline-none disabled:!cursor-default",
         size === "large"
           ? "2xl:p-[0.833vw] p-3 bg-[#FFFFFF]/15 hover:bg-[#FFFFFF]/25"
           : "2xl:p-[0.417vw] p-[6px] bg-[#141414]/15 hover:bg-[#141414]/25",
@@ -39,9 +40,12 @@ function ControlButton({
         {icon}
       </div>
       {disabled && size === "large" && (
-        <div className="absolute 2xl:-top-[0.139vw] 2xl:-right-[0.139vw] -top-0.5 -right-0.5">
+        <Tooltip
+          label="Нет доступа"
+          className="absolute 2xl:-top-[0.139vw] 2xl:-right-[0.139vw] -top-0.5 -right-0.5"
+        >
           <Warning type="critical" className="text-white" />
-        </div>
+        </Tooltip>
       )}
     </button>
   );