remove use client from heading

components/ui/card.tsx

@@ -1,9 +1,9 @@
 import * as React from 'react'
 
+import { cn } from '@/utils/classes'
 import { tv } from 'tailwind-variants'
 
 import { Heading } from './heading'
-import { cn } from './primitive'
 
 const card = tv({
   slots: {

components/ui/heading.tsx

@@ -1,4 +1,4 @@
-'use client'
+import * as React from 'react'
 
 import { tv } from 'tailwind-variants'
 

components/ui/search-field.tsx

@@ -9,8 +9,8 @@ import {
 import { tv } from 'tailwind-variants'
 
 import { Button } from './button'
-import { Loader } from './loader'
 import { Description, FieldError, FieldGroup, Input, Label } from './field'
+import { Loader } from './loader'
 import { ctr } from './primitive'
 
 const searchFieldStyles = tv({

components/ui/text-field.tsx

@@ -10,9 +10,9 @@ import {
   type TextFieldProps as TextFieldPrimitiveProps
 } from 'react-aria-components'
 
-import { Loader } from './loader'
 import type { FieldProps } from './field'
 import { Description, FieldError, FieldGroup, fieldGroupPrefixStyles, Input, Label } from './field'
+import { Loader } from './loader'
 import { ctr } from './primitive'
 
 type InputType = Exclude<TextInputDOMProps['type'], 'password'>