Refactor UI components and add NewSessionPage; replace TestPage with NewSessionPage, implement ActionsSidebarWrapper, and enhance ActionsPopover and ControlsPopover with Popover component for improved UI interactions.

client/src/components/ui/FloatingActionButton.tsx

@@ -3,7 +3,8 @@ import clsx from "clsx";
 interface FloatingActionButtonProps
   extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   children: React.ReactNode;
-  variant: "default" | "critical";
+  variant?: "default" | "critical";
+  ref?: React.RefObject<HTMLButtonElement | null>;
 }
 
 function FloatingActionButton({
@@ -11,11 +12,13 @@ function FloatingActionButton({
   variant = "default",
   className,
   onClick,
+  ref,
   ...props
 }: FloatingActionButtonProps) {
   return (
     <button
       onClick={onClick}
+      ref={ref}
       className={clsx(
         "2xl:p-[0.833vw] p-3 rounded-full transition-all cursor-pointer disabled:!cursor-default outline-none backdrop-blur-[10px]",
         variant === "default" &&