✨ Add allow anonymous switch

src/components/Board/Customize/Access/AccessCustomization.tsx

@@ -0,0 +1,13 @@
+import { Stack, Switch } from '@mantine/core';
+import { useTranslation } from 'next-i18next';
+import { useBoardCustomizationFormContext } from '~/components/Board/Customize/form';
+
+export const AccessCustomization = () => {
+  const { t } = useTranslation('settings/customization/access');
+  const form = useBoardCustomizationFormContext();
+  return (
+    <Stack>
+      <Switch label={t('allowGuests.label')} description={t('allowGuests.description')} {...form.getInputProps('access.allowGuests', { type: 'checkbox' })} />
+    </Stack>
+  )
+}

src/components/Board/Customize/Appearance/AppearanceCustomization.tsx

@@ -15,7 +15,6 @@ import {
 import { useTranslation } from 'next-i18next';
 import { highlight, languages } from 'prismjs';
 import Editor from 'react-simple-code-editor';
-import { useColorScheme } from '~/hooks/use-colorscheme';
 import { useColorTheme } from '~/tools/color';
 
 import { useBoardCustomizationFormContext } from '../form';

src/components/Board/Customize/form.ts

@@ -1,4 +1,3 @@
-import { DEFAULT_THEME, MANTINE_COLORS, MantineColor } from '@mantine/core';
 import { createFormContext } from '@mantine/form';
 import { z } from 'zod';
 import { boardCustomizationSchema } from '~/validations/boards';