refactor: remove duplicate `cn()` function, remove duplicate types

app/src/lib/components/Button/Button.svelte

···
 <script lang="ts">
 import type { WithElementRef } from 'bits-ui'
 import type { HTMLButtonAttributes } from 'svelte/elements'
-import { cn } from '$lib/types'
+import { cn } from '$lib/utils'
 import { buttonTv, type ButtonIntent, type ButtonIsIconOnly } from './styles'
 
 type ButtonRootProps = WithElementRef<HTMLButtonAttributes>
 type ButtonProps = ButtonRootProps & {
-		isIconOnly?: ButtonIsIconOnly,
-		intent?: ButtonIntent,
-	}
+	isIconOnly?: ButtonIsIconOnly,
+	intent?: ButtonIntent,
+}
 
 let {
 	intent = 'primary',

app/src/lib/components/Button/LinkButton.svelte

···
 <script lang="ts">
 import type { WithElementRef } from 'bits-ui'
 import type { HTMLAnchorAttributes } from 'svelte/elements'
-import { cn } from '$lib/types'
+import { cn } from '$lib/utils'
 import { buttonTv, type ButtonIntent, type ButtonIsIconOnly } from './styles'
 
 type LinkButtonRootProps = WithElementRef<HTMLAnchorAttributes>

app/src/lib/components/Card/Card.svelte

···
 <script lang="ts">
 import { tv } from 'tailwind-variants'
-import { cn } from '$lib/types'
+import { cn } from '$lib/utils'
 import type { CardProps } from './types'
 
 const card = tv({

app/src/lib/components/Card/CardFooter.svelte

···
 import type { WithChildren } from 'bits-ui'
 import type { SvelteHTMLElements } from 'svelte/elements'
 import { tv } from 'tailwind-variants'
-import { cn } from '$lib/types'
+import { cn } from '$lib/utils'
 import { Separator } from '$ui/Separator'
 
 export type CardFooterRootElement = SvelteHTMLElements['footer']

app/src/lib/components/Chip/ChipDot.svelte

···
 <script lang="ts">
-import { tv, type VariantProps } from 'tailwind-variants'
 import type { SvelteHTMLElements } from 'svelte/elements'
-import { cn } from '$lib/types'
+import { tv, type VariantProps } from 'tailwind-variants'
+import { cn } from '$lib/utils'
 
 const chipDot = tv({
 	base: 'rounded-full',

app/src/lib/components/Heading/HeadingGroup.svelte

···
 <script lang="ts">
 import type { WithChildren } from 'bits-ui'
-import { tv } from 'tailwind-variants'
 import type { SvelteHTMLElements } from 'svelte/elements'
-import { cn } from '$lib/types'
+import { tv } from 'tailwind-variants'
+import { cn } from '$lib/utils'
 
 type HeadingGroupRootElement = SvelteHTMLElements['group']
 type HeadingGroupProps = WithChildren<HeadingGroupRootElement>

app/src/lib/components/Profile/ProfilePicture.svelte

···
 <script lang="ts">
 import { Avatar, type WithoutChildrenOrChild } from 'bits-ui'
 import { tv, type VariantProps } from 'tailwind-variants'
-import { cn } from '$lib/types'
+import { cn } from '$lib/utils'
 
 const pfp = tv({
 	base: [

app/src/lib/components/Separator/Separator.svelte

···
 <script lang="ts">
 import { Separator } from 'bits-ui'
 import { tv } from 'tailwind-variants'
-import { cn } from '$lib/types'
+import { cn } from '$lib/utils'
 
 const separator = tv({
 	slots: {

app/src/lib/components/Site/PageLayout.svelte

···
 import type { WithChildren } from 'bits-ui'
 import type { SvelteHTMLElements } from 'svelte/elements'
 import { tv, type VariantProps } from 'tailwind-variants'
-import { cn } from '$lib/types'
+import { cn } from '$lib/utils'
 
 const pageLayout = tv({
 	base: 'py-4 px-32 font-sans',

app/src/lib/components/Text/Text.svelte

···
 <script lang="ts">
 import { text, type TextProps } from './Text'
-import { cn } from '$lib/types'
+import { cn } from '$lib/utils'
 
 let {
 	children,

app/src/lib/types.ts

···
-import { clsx, type ClassValue } from 'clsx'
-import { twMerge } from 'tailwind-merge'
-
-export function cn(...inputs: ClassValue[]): string {
-	return twMerge(clsx(inputs))
-}

app/src/lib/utils.ts

···
  * a postgreSQL table with a strongly typed database schema
  */
 export type DbClient = SupabaseClient<Database>
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type WithoutChild<T> = T extends { child?: any } ? Omit<T, 'child'> : T
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type WithoutChildren<T> = T extends { children?: any } ? Omit<T, 'children'> : T
-export type WithoutChildrenOrChild<T> = WithoutChildren<WithoutChild<T>>

app/src/routes/(auth)/reset-password/+page.svelte

···
 import { Field, FieldLabel } from '$form/Field'
 import { FormHeader } from '$form/Form'
 import { TextInput } from '$form/TextInput'
-import { Button } from '$ui/Button'
+import { Button, LinkButton } from '$ui/Button'
 import type { PageProps } from './$types'
-import AuthPageLayout from '../AuthPageLayout.svelte'
+import { AuthPageLayout } from '../components'
 
 type ResetPasswordProps = WithChildren<PageProps>
 let { data }: ResetPasswordProps = $props()
···
 			<Button intent="primary">
 				Send and continue
 			</Button>
-			<Button intent="secondary" href="/signin">
+			<LinkButton intent="secondary" href="/signin">
 				Return to sign in
-			</Button>
+			</LinkButton>
 		</div>
 	</form>
 </AuthPageLayout>