chore: update critical deps (#190)

* chore(deps): update react, next, sanity delete react-confetti

* chore: delete unnecesry files and implementation

* chore: actually commit package-lock

* chore(autofix): apply formatting

* chore(autofix): apply formatting (attempt 2/3)

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

Author: Readpato

package-lock.json

@@ -40,12 +40,12 @@
     "@radix-ui/react-slot": "^1.1.0",
     "@react-email/components": "^0.0.31",
     "@react-email/render": "^1.0.3",
-    "@sanity/code-input": "^5.1.1",
-    "@sanity/color-input": "^4.0.1",
-    "@sanity/google-maps-input": "^4.0.1",
+    "@sanity/code-input": "^6.0.3",
+    "@sanity/color-input": "^5.0.2",
+    "@sanity/google-maps-input": "^4.2.0",
     "@sanity/image-url": "^1.1.0",
-    "@sanity/orderable-document-list": "^1.2.2",
-    "@sanity/vision": "^3.67.1",
+    "@sanity/orderable-document-list": "^1.4.0",
+    "@sanity/vision": "^4.20.3",
     "@sanity/webhook": "^4.0.4",
     "@t3-oss/env-nextjs": "^0.10.1",
     "@tanstack/react-query": "^5.50.0",
@@ -63,16 +63,16 @@
     "hugeicons-react": "^0.3.0",
     "lucide-react": "^0.459.0",
     "motion": "^11.15.0",
-    "next": "^15.1.0",
-    "next-sanity": "^9.10.2",
-    "react": "^18.3.1",
-    "react-confetti": "^6.1.0",
-    "react-dom": "^18.3.1",
+    "next": "^15.5.7",
+    "next-sanity": "^11.6.10",
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1",
     "react-email": "^3.0.4",
     "react-hook-form": "^7.53.2",
+    "react-is": "^19.2.1",
     "react-syntax-highlighter": "^15.6.1",
     "resend": "^4.1.1",
-    "sanity": "^3.67.1",
+    "sanity": "^4.20.3",
     "server-only": "^0.0.1",
     "stripe": "^17.3.1",
     "styled-components": "^6.1.13",

package.json

@@ -5,7 +5,6 @@ This document outlines how to set up a global search feature powered by Algolia
 ## Components Created
 
 1. **UI Components**:
-
    - `src/components/ui/command.tsx` - Command menu component using CMDK
    - `src/components/molecules/search-command.tsx` - Search component with keyboard shortcut listener
    - `src/components/organisms/global-search.tsx` - Wrapper for the search component
@@ -45,10 +44,13 @@ ALGOLIA_ADMIN_API_KEY="your-algolia-admin-api-key"
    - **HTTP Method**: POST
    - **Trigger on**: Create, Update, Delete
    - **Filter**:
+
    ```
    _type == 'post'
    ```
+
    - **Projection**:
+
    ```
    {
      "transactionId": _rev,
@@ -86,7 +88,6 @@ This will fetch all published documents from Sanity and index them in Algolia.
 ## How It Works
 
 1. **Content Indexing**:
-
    - When content is published, updated, or deleted in Sanity, a webhook is triggered
    - The webhook calls our API route with details about the operation
    - The API route updates the Algolia index accordingly

search-implementation.md

@@ -1,7 +1,6 @@
 import { getStripe, isStripeAvailable } from "@/lib/stripe"
 import { Heading } from "@/components/atoms/typography/Heading"
 import { Paragraph } from "@/components/atoms/typography/Paragraph"
-import { SuccessConfetti } from "./success-confetti"
 import { CheckmarkBadge01Icon, UserMultipleIcon, WavingHand01Icon } from "hugeicons-react"
 import { SectionContainer } from "@/components/atoms/layout/SectionContainer"
 import { BlurredBackground } from "@/components/organisms/blurred-background"
@@ -23,7 +22,7 @@ export default async function SuccessPage({ searchParams }: SuccessPageProps) {
   return (
     <main className="relative">
       <div className="absolute inset-0 overflow-hidden">
-        <SuccessConfetti />
+        <h1>Success!</h1>
       </div>
 
       {/* Header Section */}

src/app/(website)/association/join/success/page.tsx

@@ -31,8 +31,7 @@ const buttonVariants = cva(
 )
 
 export interface ButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-    VariantProps<typeof buttonVariants> {
+  extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
   asChild?: boolean
 }
 

src/app/(website)/association/join/success/success-confetti.tsx

@@ -50,8 +50,7 @@ const sheetVariants = cva(
 )
 
 interface SheetContentProps
-  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
-    VariantProps<typeof sheetVariants> {}
+  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {}
 
 const SheetContent = React.forwardRef<React.ElementRef<typeof SheetPrimitive.Content>, SheetContentProps>(
   ({ side = "right", className, children, ...props }, ref) => (

src/components/molecules/button.tsx

@@ -23,8 +23,7 @@ const badgeVariants = cva(
 )
 
 export interface BadgeProps
-  extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof badgeVariants> {}
+  extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}
 
 function Badge({ className, variant, ...props }: BadgeProps) {
   return <div className={cn(badgeVariants({ variant }), className)} {...props} />

src/components/molecules/sheet.tsx

@@ -33,8 +33,7 @@ const buttonVariants = cva(
 )
 
 export interface ButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-    VariantProps<typeof buttonVariants> {
+  extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
   asChild?: boolean
 }
 

src/components/ui/badge.tsx

@@ -36,8 +36,7 @@ const sheetVariants = cva("fixed z-50 gap-4 bg-background p-6 shadow-lg", {
 })
 
 interface SheetContentProps
-  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
-    VariantProps<typeof sheetVariants> {}
+  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {}
 
 const SheetContent = React.forwardRef<React.ElementRef<typeof SheetPrimitive.Content>, SheetContentProps>(
   ({ side = "right", className, children, ...props }, ref) => (