feat: wrap main content with TooltipProvider for enhanced tooltip functionality

src/routes/__root.tsx

@@ -2,6 +2,7 @@ import { Link, Outlet, createRootRoute, useNavigate } from '@tanstack/react-rout
 import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'
 import { Toaster } from '@/components/ui/sonner'
 import { AuthProvider } from '@/pages/auth'
+import { TooltipProvider } from '@/components/ui/tooltip'
 export const Route = createRootRoute({
   component: RootComponent,
 })
@@ -23,9 +24,11 @@ function RootComponent() {
       </div>
       <hr />
       <AuthProvider>
+        <TooltipProvider>
           <main className='h-[calc(100%-4rem)] overflow-auto scrollbar'>
             <Outlet />
           </main>
+        </TooltipProvider>
       </AuthProvider>
       <TanStackRouterDevtools position="bottom-right" />
       <Toaster />