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/main.tsx

@@ -5,13 +5,14 @@ import { createBrowserRouter, RouterProvider } from "react-router";
 import SessionPage from "./pages/SessionPage";
 import LoginPage from "./pages/LoginPage";
 import RegisterPage from "./pages/RegisterPage";
-import TestPage from "./pages/TestPage";
+// import TestPage from "./pages/TestPage";
 import { QueryClientProvider } from "@tanstack/react-query";
 import { queryClient } from "./lib/queryClient";
 import ProtectedRoute from "./components/ProtectedRoute";
 import PublicRoute from "./components/PublicRoute";
 import ModalContainer from "./components/ModalContainer";
 import PopupContainer from "./components/PopupContainer";
+import NewSessionPage from "./pages/NewSessionPage";
 
 const router = createBrowserRouter([
   {
@@ -40,7 +41,7 @@ const router = createBrowserRouter([
   },
   {
     path: "/test",
-    element: <TestPage />,
+    element: <NewSessionPage />,
   },
   {
     path: "/sessions/:id",