try to fix jotai error on server

https://nextjs.org/docs/messages/context-in-server-component

components/buttons/fullscreenbutton.tsx

@@ -1,3 +1,4 @@
+'use client';
 import FullscreenIcon from '@mui/icons-material/Fullscreen';
 import Button from '@mui/material/Button';
 import { useTheme } from '@mui/material/styles';

components/buttons/hotreloadtoggle.tsx

@@ -1,3 +1,4 @@
+'use client';
 import AcUnit from '@mui/icons-material/AcUnit';
 import LocalFireDepartment from '@mui/icons-material/LocalFireDepartment';
 import Button from '@mui/material/Button';

components/buttons/playpausebutton.tsx

@@ -1,3 +1,4 @@
+'use client';
 import PauseCircleIcon from '@mui/icons-material/PauseCircle';
 import PlayCircleOutlineIcon from '@mui/icons-material/PlayCircleOutline';
 import Button from '@mui/material/Button';

components/buttons/recordbutton.tsx

@@ -1,3 +1,4 @@
+'use client';
 import RadioButtonChecked from '@mui/icons-material/RadioButtonChecked';
 import Button from '@mui/material/Button';
 import { useTheme } from '@mui/material/styles';

components/buttons/reloadbutton.tsx

@@ -1,3 +1,4 @@
+'use client';
 import PlayArrowRounded from '@mui/icons-material/PlayArrowRounded';
 import PlayDisabledRounded from '@mui/icons-material/PlayDisabledRounded';
 import Button from '@mui/material/Button';

components/buttons/resetbutton.tsx

@@ -1,3 +1,4 @@
+'use client';
 import ReplayIcon from '@mui/icons-material/Replay';
 import Button from '@mui/material/Button';
 import { useTheme } from '@mui/material/styles';

components/buttons/scalebutton.tsx

@@ -1,3 +1,4 @@
+'use client';
 import Hd from '@mui/icons-material/Hd';
 import Sd from '@mui/icons-material/Sd';
 import Button from '@mui/material/Button';

components/buttons/vimbutton.tsx

@@ -1,3 +1,4 @@
+'use client';
 import Button from '@mui/material/Button';
 import { useTheme } from '@mui/material/styles';
 import SvgIcon from '@mui/material/SvgIcon';

components/editor/configurationpicker.tsx

@@ -1,3 +1,4 @@
+'use client';
 import LineStyleIcon from '@mui/icons-material/LineStyle';
 import List from '@mui/material/List';
 import ListItem from '@mui/material/ListItem';

components/editor/editor.tsx

@@ -1,3 +1,4 @@
+'use client';
 // MUI sizing from refs:
 // https://github.com/mui/material-ui/issues/15662
 

components/editor/entrypointdisplay.tsx

@@ -1,3 +1,4 @@
+'use client';
 import Timeline from '@mui/lab/Timeline';
 import TimelineConnector from '@mui/lab/TimelineConnector';
 import TimelineContent from '@mui/lab/TimelineContent';

components/editor/explainer.tsx

@@ -1,3 +1,4 @@
+'use client';
 import DisabledByDefaultSharp from '@mui/icons-material/DisabledByDefaultSharp';
 import QuestionMarkIcon from '@mui/icons-material/QuestionMark';
 import Button from '@mui/material/Button';

components/editor/metadataeditor.tsx

@@ -1,3 +1,4 @@
+'use client';
 import Button from '@mui/material/Button';
 import FormControl from '@mui/material/FormControl';
 import Grid from '@mui/material/Grid';

components/editor/monaco.tsx

@@ -1,3 +1,4 @@
+'use client';
 import Editor from '@monaco-editor/react';
 import { useAtom, useAtomValue, useSetAtom } from 'jotai';
 import { useTransientAtom } from 'jotai-game';

components/editor/texturepicker.tsx

@@ -1,3 +1,4 @@
+'use client';
 import DisabledByDefaultSharp from '@mui/icons-material/DisabledByDefaultSharp';
 import ImageList from '@mui/material/ImageList';
 import ImageListItem from '@mui/material/ImageListItem';

components/editor/uniformsliders.tsx

@@ -1,3 +1,4 @@
+'use client';
 import AddIcon from '@mui/icons-material/Add';
 import ClearIcon from '@mui/icons-material/Clear';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';

components/global/shadowcanvas.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { atom, useSetAtom } from 'jotai';
 import { useCallback } from 'react';
 import { getDimensions } from 'types/canvasdimensions';

components/resolution.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { useAtomValue } from 'jotai';
 import { heightAtom, scaleAtom, widthAtom } from 'lib/atoms/atoms';
 import { Fragment } from 'react';

components/timer.tsx

@@ -1,3 +1,4 @@
+'use client';
 import Box from '@mui/material/Box';
 import { useAtomValue } from 'jotai';
 import { useTransientAtom } from 'jotai-game';

components/wgputoy.tsx

@@ -1,3 +1,4 @@
+'use client';
 import WarningIcon from '@mui/icons-material/Warning';
 import Skeleton from '@mui/material/Skeleton';
 import Stack from '@mui/material/Stack';

components/wgputoycontroller.tsx

@@ -1,3 +1,4 @@
+'use client';
 import useResizeObserver from '@react-hook/resize-observer';
 import { atom, useAtom, useAtomValue, useSetAtom } from 'jotai';
 import { useTransientAtom } from 'jotai-game';

lib/atoms/atoms.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { UniformSliderRef } from 'components/editor/uniformsliders';
 import { atom } from 'jotai';
 import { atomWithReset } from 'jotai/utils';

lib/atoms/wgputoyatoms.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { atom } from 'jotai';
 import { WgpuToyRenderer } from 'lib/wgputoy';
 import { getDimensions } from '../../types/canvasdimensions';

lib/db/serializeshader.ts

@@ -1,3 +1,4 @@
+'use client';
 import { UniformSliderRef } from 'components/editor/uniformsliders';
 import { atom, Getter, useAtomValue, useSetAtom } from 'jotai';
 import { useResetAtom } from 'jotai/utils';

pages/new.tsx

@@ -1,3 +1,4 @@
+'use client';
 import Editor from 'components/editor/editor';
 import { useSetAtom } from 'jotai';
 import { codeNeedSaveAtom, dbLoadedAtom, manualReloadAtom, shaderIDAtom } from 'lib/atoms/atoms';

pages/view/[id].tsx

@@ -1,3 +1,4 @@
+'use client';
 import Editor from 'components/editor/editor';
 import { fromUniformActiveSettings } from 'components/editor/uniformsliders';
 import { useSetAtom } from 'jotai';

src/pages/index.tsx

@@ -1,3 +1,4 @@
+'use client';
 import CssBaseline from '@mui/material/CssBaseline';
 import { ThemeProvider } from '@mui/material/styles';
 import Editor from 'components/editor/editor';

theme/itemwithtransition.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { PaperProps } from '@mui/material/Paper';
 import { useAtom, WritableAtom } from 'jotai';
 import { Item, theme } from './theme';