Simplify tooltip styling to bare minimum for debugging

Removed all animation classes and complex Tailwind utilities that might
be interfering. Using simple, direct styling:

- Minimal className: just z-50, rounded-md, padding, text-xs, shadow
- Hex color values: #2d2d2d (background), #d4d4d4 (text), #404040 (border)
- Inline border property instead of borderColor
- No animations or data attributes

This is the most basic version that should definitely render visibly.

Author: kylecarbs

src/components/ui/tooltip.tsx

@@ -16,20 +16,17 @@ const TooltipContent = React.forwardRef<
   <TooltipPrimitive.Content
     ref={ref}
     sideOffset={sideOffset}
-    className={cn(
-      "z-50 overflow-hidden rounded-md border px-2.5 py-1 text-xs shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",
-      className
-    )}
+    className={cn("z-50 rounded-md px-2.5 py-1 text-xs shadow-md", className)}
     style={{
-      backgroundColor: "hsl(0 0% 18%)",
-      color: "hsl(0 0% 83%)",
-      borderColor: "hsl(240 2% 25%)",
+      backgroundColor: "#2d2d2d",
+      color: "#d4d4d4",
+      border: "1px solid #404040",
       ...style,
     }}
     {...props}
   >
     {props.children}
-    <TooltipPrimitive.Arrow className="drop-shadow-sm" style={{ fill: "hsl(0 0% 18%)" }} />
+    <TooltipPrimitive.Arrow style={{ fill: "#2d2d2d" }} />
   </TooltipPrimitive.Content>
 ));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;