Adding use client to ThemeProvider and framer-motion components

src/components/Collapsible/Collapsible.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible'
 import { clsx } from 'clsx'
 import { AnimatePresence, motion } from 'framer-motion'

src/components/Image/Image.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { motion } from 'framer-motion'
 import { SyntheticEvent, useState } from 'react'
 

src/components/Modal/Modal.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import * as ModalPrimitive from '@radix-ui/react-dialog'
 import { motion, MotionProps } from 'framer-motion'
 import { PropsWithChildren } from 'react'

src/components/Placeholder/Placeholder.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { motion } from 'framer-motion'
 
 import { Box, BoxProps } from '../Box'

src/components/ThemeProvider/ThemeProvider.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { setElementVars } from '@vanilla-extract/dynamic'
 import {
   createContext,

src/components/Toast/Toast.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import * as ToastPrimitive from '@radix-ui/react-toast'
 import { AnimatePresence, motion } from 'framer-motion'
 import {