Update API URL to localhost in .env; add equalizer_bars.svg for audio visualization; refactor PopupWrapper and SessionUsersPanel for improved responsiveness; enhance SoundCheckModal and VoiceCheckModal with audio playback and visualization features; update SharePopup to handle sharing functionality; improve UI components for better interaction and consistency.

client/src/components/ui/ControlButton.tsx

@@ -4,12 +4,10 @@ interface ControlButtonProps
   extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   size: "small" | "large";
   icon: React.ReactNode;
-  enabled: boolean;
 }
 
 function ControlButton({
   size,
-  enabled,
   icon,
   className,
   onClick,
@@ -20,13 +18,10 @@ function ControlButton({
       onClick={onClick}
       {...props}
       className={clsx(
-        "backdrop-blur-[10px] rounded-full transition-all cursor-pointer disabled:!cursor-default outline-none",
-        size === "large" ? "2xl:p-[0.833vw] p-3" : "2xl:p-[0.417vw] p-[6px]",
-        !enabled
-          ? "bg-[#FF4517] hover:bg-[#FF4517]/85"
-          : size === "large"
-          ? "bg-[#FFFFFF]/15 hover:bg-[#FFFFFF]/25"
-          : "bg-[#141414]/15 hover:bg-[#141414]/25",
+        "backdrop-blur-[10px] rounded-full transition-colors cursor-pointer disabled:!cursor-default outline-none disabled:bg-[#FF4517] disabled:hover:bg-[#FF4517]/85",
+        size === "large"
+          ? "2xl:p-[0.833vw] p-3 enabled:bg-[#FFFFFF]/15 enabled:hover:bg-[#FFFFFF]/25"
+          : "2xl:p-[0.417vw] p-[6px] enabled:bg-[#141414]/15 enabled:hover:bg-[#141414]/25",
         className
       )}
     >