refactor: migrate frontend from shadcn/Tailwind to Mantine v9

Reescribe todos los componentes UI para usar Mantine v9 en lugar de shadcn/Tailwind.
Elimina cn(), CVA, components.json, theme_provider custom y globals.css con Tailwind.
Añade 25+ componentes nuevos (AppShell, AuthForm, DatePickerInput, Dropzone, etc.)
y MantineProvider como wrapper estándar del sistema de temas.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/functions/ui/tooltip.tsx

@@ -1,45 +1,75 @@
-"use client"
+import * as React from 'react'
+import { Tooltip as MantineTooltip } from '@mantine/core'
 
-import * as React from "react"
-import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip"
-import { cn } from "../core/cn"
-
-function TooltipProvider({ delayDuration = 300, ...props }: { delayDuration?: number; children: React.ReactNode }) {
-  return <TooltipPrimitive.Provider delay={delayDuration} {...props} />
+function TooltipProvider({ delayDuration: _delayDuration = 300, children }: { delayDuration?: number; children: React.ReactNode }) {
+  return <>{children}</>
 }
 
-function Tooltip({ ...props }: TooltipPrimitive.Root.Props) {
-  return <TooltipPrimitive.Root data-slot="tooltip" {...props} />
+const TooltipContext = React.createContext<{
+  label: React.ReactNode
+  setLabel: (label: React.ReactNode) => void
+  side: 'top' | 'right' | 'bottom' | 'left'
+  setSide: (side: 'top' | 'right' | 'bottom' | 'left') => void
+  offset: number
+  setOffset: (offset: number) => void
+}>({
+  label: '',
+  setLabel: () => {},
+  side: 'top',
+  setSide: () => {},
+  offset: 4,
+  setOffset: () => {},
+})
+
+interface TooltipProps {
+  children: React.ReactNode
+  delayDuration?: number
 }
 
-function TooltipTrigger({ ...props }: TooltipPrimitive.Trigger.Props) {
-  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />
-}
+function Tooltip({ children }: TooltipProps) {
+  const [label, setLabel] = React.useState<React.ReactNode>('')
+  const [side, setSide] = React.useState<'top' | 'right' | 'bottom' | 'left'>('top')
+  const [offset, setOffset] = React.useState(4)
 
-function TooltipPortal({ ...props }: TooltipPrimitive.Portal.Props) {
-  return <TooltipPrimitive.Portal data-slot="tooltip-portal" {...props} />
-}
-
-function TooltipContent({ className, sideOffset = 4, ...props }: TooltipPrimitive.Positioner.Props) {
   return (
-    <TooltipPortal>
-      <TooltipPrimitive.Positioner
-        data-slot="tooltip-content"
-        sideOffset={sideOffset}
-        className={cn(
-          "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground",
-          "animate-in fade-in-0 zoom-in-95",
-          "data-closed:animate-out data-closed:fade-out-0 data-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",
-          className
-        )}
-        {...props}
-      >
-        <TooltipPrimitive.Popup>{props.children}</TooltipPrimitive.Popup>
-        <TooltipPrimitive.Arrow className="fill-primary" />
-      </TooltipPrimitive.Positioner>
-    </TooltipPortal>
+    <TooltipContext.Provider value={{ label, setLabel, side, setSide, offset, setOffset }}>
+      {children}
+    </TooltipContext.Provider>
   )
 }
 
+function TooltipTrigger({ children, ...props }: React.ComponentProps<'button'>) {
+  const { label, side, offset } = React.useContext(TooltipContext)
+  return (
+    <MantineTooltip label={label} position={side} offset={offset} withArrow>
+      {React.isValidElement(children) ? (
+        React.cloneElement(children as React.ReactElement<any>, props)
+      ) : (
+        <button type="button" data-slot="tooltip-trigger" {...props}>{children}</button>
+      )}
+    </MantineTooltip>
+  )
+}
+
+function TooltipPortal({ children }: { children: React.ReactNode }) {
+  return <>{children}</>
+}
+
+interface TooltipContentProps extends React.ComponentProps<'div'> {
+  sideOffset?: number
+  side?: 'top' | 'right' | 'bottom' | 'left'
+}
+
+function TooltipContent({ children, sideOffset, side = 'top' }: TooltipContentProps) {
+  const { setLabel, setSide, setOffset } = React.useContext(TooltipContext)
+
+  React.useEffect(() => {
+    setLabel(children)
+    setSide(side)
+    if (sideOffset !== undefined) setOffset(sideOffset)
+  }, [children, side, sideOffset, setLabel, setSide, setOffset])
+
+  return null
+}
+
 export { Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger }