refactor: clean up useClient (supabase#23280)

Move useClients to the actual file instead of index files, so that (a) we don't
ship unnecessary client-side code and (b) we don't get the "can't dot into
client component from server" error when trying to use MDX in RSCs.

Author: charislam

packages/ui/index.tsx

@@ -1,7 +1,3 @@
-'use client'
-
-import * as React from 'react'
-
 // Markdown components
 
 export * from './src/lib/Markdown'

packages/ui/src/components/Accordion/Accordion.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import * as RadixAccordion from '@radix-ui/react-accordion'
 import React, { createContext, useContext, useState } from 'react'
 

packages/ui/src/components/Alert/Alert.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import React, { useState } from 'react'
 import { IconAlertTriangle } from '../Icon/icons/IconAlertTriangle'
 

packages/ui/src/components/Checkbox/Checkbox.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import React from 'react'
 
 import { FormLayout } from '../../lib/Layout/FormLayout/FormLayout'

packages/ui/src/components/CodeBlock/CodeBlock.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { Check, Copy } from 'lucide-react'
 import { useTheme } from 'next-themes'
 import { Children, ReactNode, useState } from 'react'

packages/ui/src/components/Collapsible/Collapsible.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import * as RadixCollapsible from '@radix-ui/react-collapsible'
 import React from 'react'
 import styleHandler from '../../lib/theme/styleHandler'

packages/ui/src/components/ContextMenu/index.tsx

@@ -1 +1,3 @@
+'use client'
+
 export { default as ContextMenu } from './ContextMenu'

packages/ui/src/components/CustomHTMLElements/Heading.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import {
   getAnchor,
   removeAnchor,

packages/ui/src/components/Form/Form.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { useReducer } from 'react'
 import { useFormik, FormikConfig } from 'formik'
 import { FormContextProvider } from './FormContext'

packages/ui/src/components/Icon/Icon.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import React from 'react'
 import { IconContext } from './IconContext'