chore: register tooltip provider

web/app/layout.tsx

@@ -9,6 +9,7 @@ import { ConfirmProvider } from "@/lib/providers/confirm-provider"
 import { DeepLinkProvider } from "@/lib/providers/deep-link-provider"
 import { GeistMono, GeistSans } from "./fonts"
 import { JazzAndAuth } from "@/lib/providers/jazz-provider"
+import { TooltipProvider } from "@/components/ui/tooltip"
 
 export const metadata: Metadata = {
 	title: "Learn Anything",
@@ -20,9 +21,11 @@ const Providers = ({ children }: { children: React.ReactNode }) => (
 		<ClerkProviderClient>
 			<DeepLinkProvider>
 				<JotaiProvider>
+					<TooltipProvider>
 						<ConfirmProvider>
 							<JazzAndAuth>{children}</JazzAndAuth>
 						</ConfirmProvider>
+					</TooltipProvider>
 				</JotaiProvider>
 			</DeepLinkProvider>
 		</ClerkProviderClient>

web/components/la-editor/components/ui/toolbar-button.tsx

@@ -1,4 +1,4 @@
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip"
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip"
 import { Toggle } from "@/components/ui/toggle"
 
 import * as React from "react"
@@ -16,7 +16,6 @@ const ToolbarButton = React.forwardRef<HTMLButtonElement, ToolbarButtonProps>(fu
 	ref
 ) {
 	return (
-		<TooltipProvider delayDuration={0}>
 		<Tooltip>
 			<TooltipTrigger asChild>
 				<Toggle
@@ -40,7 +39,6 @@ const ToolbarButton = React.forwardRef<HTMLButtonElement, ToolbarButtonProps>(fu
 				</TooltipContent>
 			)}
 		</Tooltip>
-		</TooltipProvider>
 	)
 })
 

web/components/routes/link/bottom-bar.tsx

@@ -2,7 +2,7 @@ import React, { useEffect, useRef } from "react"
 import { motion, AnimatePresence } from "framer-motion"
 import { icons } from "lucide-react"
 import { Button } from "@/components/ui/button"
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip"
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip"
 import { getSpecialShortcut, formatShortcut, isMacOS } from "@/lib/utils"
 import { LaIcon } from "@/components/custom/la-icon"
 import { useAtom } from "jotai"
@@ -31,14 +31,12 @@ const ToolbarButton = React.forwardRef<HTMLButtonElement, ToolbarButtonProps>(
 
 		if (tooltip) {
 			return (
-				<TooltipProvider>
 				<Tooltip delayDuration={0}>
 					<TooltipTrigger asChild>{button}</TooltipTrigger>
 					<TooltipContent>
 						<p>{tooltip}</p>
 					</TooltipContent>
 				</Tooltip>
-				</TooltipProvider>
 			)
 		}
 

web/components/routes/link/partials/form/url-input.tsx

@@ -4,7 +4,7 @@ import { FormField, FormItem, FormControl, FormLabel, FormMessage } from "@/comp
 import { Input } from "@/components/ui/input"
 import { cn } from "@/lib/utils"
 import { LinkFormValues } from "./schema"
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from "@/components/ui/tooltip"
+import { Tooltip, TooltipTrigger, TooltipContent } from "@/components/ui/tooltip"
 import { TooltipArrow } from "@radix-ui/react-tooltip"
 
 interface UrlInputProps {
@@ -38,7 +38,6 @@ export const UrlInput: React.FC<UrlInputProps> = ({ urlFetched, fetchMetadata, i
 				>
 					<FormLabel className="sr-only">Url</FormLabel>
 					<FormControl>
-						<TooltipProvider delayDuration={0}>
 						<Tooltip open={shouldShowTooltip && !isFetchingUrlMetadata}>
 							<TooltipTrigger asChild>
 								<Input
@@ -61,7 +60,6 @@ export const UrlInput: React.FC<UrlInputProps> = ({ urlFetched, fetchMetadata, i
 								</span>
 							</TooltipContent>
 						</Tooltip>
-						</TooltipProvider>
 					</FormControl>
 					<FormMessage className="px-1.5" />
 				</FormItem>