Enhance modal functionality with ModalContainer component; update ShareModal to use ModalWrapper; improve responsive text sizes in index.css; integrate FloatingActionButton in HomePage for popup sharing.

client/src/main.tsx

@@ -9,6 +9,8 @@ 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";
 
 const router = createBrowserRouter([
   {
@@ -48,5 +50,7 @@ const router = createBrowserRouter([
 createRoot(document.getElementById("root")!).render(
   <QueryClientProvider client={queryClient}>
     <RouterProvider router={router} />
+    <ModalContainer />
+    <PopupContainer />
   </QueryClientProvider>
 );