refactor: full codebase cleanup, dependency updates, and lint fixes

Phase 0: Remove ~920 lines of dead code (ThemeBentoPicker, PromoDiscountBadge,
AdminLayout, SettingsSidebar, MovingGradient, EmptyState, miniapp API, unused
types/functions/transitions/skeleton helpers). Fix API barrel file (add 20 missing exports).

Phase 1: Add ErrorBoundary (app/page/widget levels), centralize constants,
add axios timeout, fix staleTime:0 in React Query.

Phase 2: Consolidate hexToHsl, extract email validation, fix duplicate code.

Phase 3: Fix auth race condition (await checkAdminStatus), memoize useCurrency,
add WebSocket message validation.

Phase 4: Extract useBranding, useFeatureFlags, useScrollRestoration from AppShell.

Phase 5: Remove all eslint-disable react-hooks/exhaustive-deps (14 total),
simplify logger, remove deprecated hooks (useBackButton, useTelegramDnd,
useTelegramWebApp).

Dependencies: React 19, react-router 7, zustand 5, i18next 25, react-i18next 16,
eslint-plugin-react-refresh 0.5. Remove unused @lottiefiles/dotlottie-react.
Convert vite manualChunks to function-based approach for react-router v7 compat.

Lint: Fix logger.ts no-unused-expressions, fix react-refresh/only-export-components
in 6 Radix primitive files (const re-exports → direct re-exports), fix
WebSocketProvider exhaustive-deps. Result: 0 errors, 0 warnings.

Add CLAUDE.md to .gitignore.

src/components/primitives/Dialog/Dialog.tsx

@@ -10,6 +10,12 @@ import {
 import { cn } from '@/lib/utils';
 import { backdrop, backdropTransition, scale, scaleTransition } from '../../motion/transitions';
 
+export {
+  Trigger as DialogTrigger,
+  Portal as DialogPortal,
+  Close as DialogClose,
+} from '@radix-ui/react-dialog';
+
 // Close icon
 const CloseIcon = () => (
   <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
@@ -41,15 +47,6 @@ export const Dialog = ({ children, open, onOpenChange, ...props }: DialogProps)
   );
 };
 
-// Trigger
-export const DialogTrigger = DialogPrimitive.Trigger;
-
-// Portal
-export const DialogPortal = DialogPrimitive.Portal;
-
-// Close
-export const DialogClose = DialogPrimitive.Close;
-
 // Overlay
 export type DialogOverlayProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;
 
@@ -86,7 +83,7 @@ export const DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(
     const { open } = useContext(DialogContext);
 
     return (
-      <DialogPortal forceMount>
+      <DialogPrimitive.Portal forceMount>
         <AnimatePresence mode="wait">
           {open && (
             <>
@@ -131,7 +128,7 @@ export const DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(
             </>
           )}
         </AnimatePresence>
-      </DialogPortal>
+      </DialogPrimitive.Portal>
     );
   },
 );

src/components/primitives/DropdownMenu/DropdownMenu.tsx

@@ -5,6 +5,15 @@ import { cn } from '@/lib/utils';
 import { usePlatform } from '@/platform';
 import { dropdown, dropdownTransition } from '../../motion/transitions';
 
+export {
+  Root as DropdownMenu,
+  Trigger as DropdownMenuTrigger,
+  Group as DropdownMenuGroup,
+  Portal as DropdownMenuPortal,
+  Sub as DropdownMenuSub,
+  RadioGroup as DropdownMenuRadioGroup,
+} from '@radix-ui/react-dropdown-menu';
+
 // Icons
 const CheckIcon = () => (
   <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
@@ -36,24 +45,6 @@ const DotIcon = () => (
   </svg>
 );
 
-// Root
-export const DropdownMenu = DropdownMenuPrimitive.Root;
-
-// Trigger
-export const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-
-// Group
-export const DropdownMenuGroup = DropdownMenuPrimitive.Group;
-
-// Portal
-export const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
-
-// Sub
-export const DropdownMenuSub = DropdownMenuPrimitive.Sub;
-
-// RadioGroup
-export const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-
 // SubTrigger
 export interface DropdownMenuSubTriggerProps extends ComponentPropsWithoutRef<
   typeof DropdownMenuPrimitive.SubTrigger

src/components/primitives/Popover/Popover.tsx

@@ -4,6 +4,13 @@ import { forwardRef, type ComponentPropsWithoutRef } from 'react';
 import { cn } from '@/lib/utils';
 import { dropdown, dropdownTransition } from '../../motion/transitions';
 
+export {
+  Root as Popover,
+  Trigger as PopoverTrigger,
+  Anchor as PopoverAnchor,
+  Close as PopoverClose,
+} from '@radix-ui/react-popover';
+
 // Close icon
 const CloseIcon = () => (
   <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
@@ -17,18 +24,6 @@ const CloseIcon = () => (
   </svg>
 );
 
-// Root
-export const Popover = PopoverPrimitive.Root;
-
-// Trigger
-export const PopoverTrigger = PopoverPrimitive.Trigger;
-
-// Anchor
-export const PopoverAnchor = PopoverPrimitive.Anchor;
-
-// Close
-export const PopoverClose = PopoverPrimitive.Close;
-
 // Content
 export interface PopoverContentProps extends ComponentPropsWithoutRef<
   typeof PopoverPrimitive.Content

src/components/primitives/Select/Select.tsx

@@ -5,6 +5,8 @@ import { cn } from '@/lib/utils';
 import { usePlatform } from '@/platform';
 import { dropdown, dropdownTransition } from '../../motion/transitions';
 
+export { Root as Select, Group as SelectGroup } from '@radix-ui/react-select';
+
 // Icons
 const ChevronDownIcon = () => (
   <svg width="16" height="16" viewBox="0 0 16 16" fill="none" className="text-dark-400">
@@ -30,9 +32,6 @@ const CheckIcon = () => (
   </svg>
 );
 
-// Root
-export const Select = SelectPrimitive.Root;
-
 // Trigger
 export interface SelectTriggerProps extends ComponentPropsWithoutRef<
   typeof SelectPrimitive.Trigger
@@ -149,9 +148,6 @@ export const SelectItem = forwardRef<HTMLDivElement, SelectItemProps>(
 
 SelectItem.displayName = 'SelectItem';
 
-// Group
-export const SelectGroup = SelectPrimitive.Group;
-
 // Label
 export type SelectLabelProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Label>;
 

src/components/primitives/Sheet/Sheet.tsx

@@ -10,7 +10,6 @@ import {
 } from 'react';
 import { cn } from '@/lib/utils';
 import { usePlatform } from '@/platform';
-import { useBackButton } from '@/platform';
 import {
   backdrop,
   backdropTransition,
@@ -18,6 +17,12 @@ import {
   sheetTransition,
 } from '../../motion/transitions';
 
+export {
+  Trigger as SheetTrigger,
+  Portal as SheetPortal,
+  Close as SheetClose,
+} from '@radix-ui/react-dialog';
+
 // Close icon
 const CloseIcon = () => (
   <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
@@ -79,15 +84,6 @@ export const Sheet = ({ children, open, onOpenChange, onClose, ...props }: Sheet
   );
 };
 
-// Trigger
-export const SheetTrigger = DialogPrimitive.Trigger;
-
-// Portal
-export const SheetPortal = DialogPrimitive.Portal;
-
-// Close
-export const SheetClose = DialogPrimitive.Close;
-
 // Overlay
 export type SheetOverlayProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;
 
@@ -138,9 +134,6 @@ export const SheetContent = forwardRef<HTMLDivElement, SheetContentProps>(
     const { open, onClose } = useContext(SheetContext);
     const { haptic } = usePlatform();
     const dragControls = useDragControls();
-    // Back button integration
-    useBackButton(open ? onClose : null);
-
     const handleDragEnd = useCallback(
       (_: MouseEvent | TouchEvent | PointerEvent, info: PanInfo) => {
         const velocity = info.velocity.y;
@@ -157,7 +150,7 @@ export const SheetContent = forwardRef<HTMLDivElement, SheetContentProps>(
     );
 
     return (
-      <SheetPortal forceMount>
+      <DialogPrimitive.Portal forceMount>
         <AnimatePresence mode="wait">
           {open && (
             <>
@@ -221,7 +214,7 @@ export const SheetContent = forwardRef<HTMLDivElement, SheetContentProps>(
             </>
           )}
         </AnimatePresence>
-      </SheetPortal>
+      </DialogPrimitive.Portal>
     );
   },
 );

src/components/primitives/Tooltip/Tooltip.tsx

@@ -4,14 +4,11 @@ import { forwardRef, type ComponentPropsWithoutRef, type ReactNode } from 'react
 import { cn } from '@/lib/utils';
 import { tooltip, tooltipTransition } from '../../motion/transitions';
 
-// Provider - wrap your app with this
-export const TooltipProvider = TooltipPrimitive.Provider;
-
-// Root
-export const Tooltip = TooltipPrimitive.Root;
-
-// Trigger
-export const TooltipTrigger = TooltipPrimitive.Trigger;
+export {
+  Provider as TooltipProvider,
+  Root as Tooltip,
+  Trigger as TooltipTrigger,
+} from '@radix-ui/react-tooltip';
 
 // Content
 export type TooltipContentProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>;
@@ -66,10 +63,10 @@ export const SimpleTooltip = ({
   delayDuration = 200,
   className,
 }: SimpleTooltipProps) => (
-  <Tooltip delayDuration={delayDuration}>
-    <TooltipTrigger asChild>{children}</TooltipTrigger>
+  <TooltipPrimitive.Root delayDuration={delayDuration}>
+    <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>
     <TooltipContent side={side} align={align} className={className}>
       {content}
     </TooltipContent>
-  </Tooltip>
+  </TooltipPrimitive.Root>
 );