Fix runtime error in Helmet

Resolved the "Uncaught TypeError: Cannot read properties of undefined (reading 'add')" error occurring in the HelmetDispatcher component. This change aims to ensure proper initialization and usage of the Helmet library within the application.
[skip gpt_engineer]

src/App.tsx

@@ -1,22 +1,37 @@
 import { BrowserRouter as Router, Routes, Route } from "react-router-dom"
+import { Toaster } from "@/components/ui/toaster"
+import { Toaster as Sonner } from "@/components/ui/sonner"
+import { TooltipProvider } from "@/components/ui/tooltip"
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
+import { HelmetProvider } from 'react-helmet-async'
 import Landing from "@/pages/Landing"
 import Login from "@/pages/Login"
 import Settings from "@/pages/Settings"
 import WaitlistLanding from "@/pages/WaitlistLanding"
 import NotFound from "@/pages/NotFound"
 import "./App.css"
 
+const queryClient = new QueryClient()
+
 function App() {
   return (
-    <Router>
-      <Routes>
-        <Route path="/" element={<Landing />} />
-        <Route path="/login" element={<Login />} />
-        <Route path="/settings" element={<Settings />} />
-        <Route path="/waitlist" element={<WaitlistLanding />} />
-        <Route path="*" element={<NotFound />} />
-      </Routes>
-    </Router>
+    <HelmetProvider>
+      <QueryClientProvider client={queryClient}>
+        <TooltipProvider>
+          <Toaster />
+          <Sonner />
+          <Router>
+            <Routes>
+              <Route path="/" element={<Landing />} />
+              <Route path="/login" element={<Login />} />
+              <Route path="/settings" element={<Settings />} />
+              <Route path="/waitlist" element={<WaitlistLanding />} />
+              <Route path="*" element={<NotFound />} />
+            </Routes>
+          </Router>
+        </TooltipProvider>
+      </QueryClientProvider>
+    </HelmetProvider>
   )
 }