Update website dependencies to latest versions

- Upgraded Next.js from 15.2.4 to 15.4.5
- Updated React and React-DOM to 18.3.1
- Upgraded TypeScript from 4.9.5 to 5.9.2
- Updated all Radix UI components to latest versions
- Upgraded Supabase client from 2.49.8 to 2.53.0
- Updated TanStack React Query from 4.24.6 to 4.40.1
- Updated all other dependencies to compatible latest versions

Breaking changes resolved:
- Fixed react-markdown v9 compatibility (removed inline/linkTarget props)
- Fixed TypeScript strict mode issues in zod form validator
- Corrected HTML element types in typography components
- Updated A component to handle target="_blank" by default

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: kiwicopple

website/components/ui/Markdown.tsx

@@ -40,9 +40,10 @@ const DEFAULT_COMPONENTS: MarkdownProps['components'] = {
       </pre>
     )
   },
-  code({ node, inline, className, children, ...props }) {
+  code({ node, className, children, ...props }) {
+    const isInline = !className?.includes('language-')
     return (
-      <code {...props} className={cn(inline && 'dark:text-white', className)}>
+      <code {...props} className={cn(isInline && 'dark:text-white', className)}>
         {children}
       </code>
     )
@@ -85,10 +86,11 @@ const DEFAULT_COMPONENTS: MarkdownProps['components'] = {
 }
 
 const COPYABLE_CODE_COMPONENTS: MarkdownProps['components'] = {
-  code({ node, inline, className, children, ...props }) {
+  code({ node, className, children, ...props }) {
+    const isInline = !className?.includes('language-')
     return (
-      <code {...props} className={cn(inline && 'dark:text-white', className)}>
-        {!inline && (
+      <code {...props} className={cn(isInline && 'dark:text-white', className)}>
+        {!isInline && (
           <CopyButton
             getValue={() => childrenToText(children)}
             className="absolute top-2 right-2"
@@ -106,16 +108,14 @@ const Markdown = ({
   className,
   remarkPlugins = [],
   rehypePlugins = [],
-  linkTarget = '_blank',
   components,
   copyableCode = true,
   children,
   ...props
 }: MarkdownProps) => (
   <ReactMarkdown
-    remarkPlugins={[remarkGfm, ...remarkPlugins]}
-    rehypePlugins={[rehypeHighlight, ...rehypePlugins]}
-    linkTarget={linkTarget}
+    remarkPlugins={[remarkGfm, ...(remarkPlugins || [])]}
+    rehypePlugins={[rehypeHighlight, ...(rehypePlugins || [])]}
     className={cn('prose lg:prose-xl max-w-none', className)}
     components={{
       ...DEFAULT_COMPONENTS,

website/components/ui/typography/A.tsx

@@ -4,9 +4,10 @@ import { cn } from '~/lib/utils'
 export interface AProps extends ComponentPropsWithoutRef<'a'> {}
 
 const A = forwardRef<HTMLAnchorElement, AProps>(
-  ({ className, children, ...props }) => (
+  ({ className, children, target = '_blank', ...props }) => (
     <a
       className={cn('tracking-tight dark:text-white break-words', className)}
+      target={target}
       {...props}
     >
       {children}

website/components/ui/typography/Li.tsx

@@ -3,7 +3,7 @@ import { cn } from '~/lib/utils'
 
 export interface LiProps extends ComponentPropsWithoutRef<'li'> {}
 
-const Li = forwardRef<HTMLHeadingElement, LiProps>(
+const Li = forwardRef<HTMLLIElement, LiProps>(
   ({ className, children, ...props }) => (
     <li className={cn('tracking-tight dark:text-white', className)} {...props}>
       {children}

website/components/ui/typography/Strong.tsx

@@ -3,7 +3,7 @@ import { cn } from '~/lib/utils'
 
 export interface StrongProps extends ComponentPropsWithoutRef<'strong'> {}
 
-const Strong = forwardRef<HTMLHeadingElement, StrongProps>(
+const Strong = forwardRef<HTMLElement, StrongProps>(
   ({ className, children, ...props }, ref) => (
     <strong
       className={cn('tracking-tight dark:text-white', className)}

website/lib/zod-form-validator-utils.ts

@@ -4,8 +4,8 @@ import type { ZodError } from 'zod'
 
 export type ParserType = 'sync' | 'async'
 
-export function recursiveFormatZodErrors(errors: any) {
-  let formattedErrors: Record<string, any> = {}
+export function recursiveFormatZodErrors(errors: any): any {
+  let formattedErrors: any[] | Record<string, any> = {}
 
   for (const key in errors) {
     if (key === '_errors') {
@@ -16,12 +16,12 @@ export function recursiveFormatZodErrors(errors: any) {
       if (!isNaN(key as any) && !Array.isArray(formattedErrors)) {
         formattedErrors = []
       }
-      formattedErrors[key] = errors[key]._errors[0]
+      (formattedErrors as any)[key] = errors[key]._errors[0]
     } else {
       if (!isNaN(key as any) && !Array.isArray(formattedErrors)) {
         formattedErrors = []
       }
-      formattedErrors[key] = recursiveFormatZodErrors(errors[key])
+      (formattedErrors as any)[key] = recursiveFormatZodErrors(errors[key])
     }
   }