Write todo and Fix error

apps/app/src/components/Admin/Customize/ThemeColorBox.tsx

@@ -19,6 +19,7 @@ export const ThemeColorBox = (props: Props): JSX.Element => {
   } = metadata;
 
   return (
+    // TODO: Display a primary color border when icon is selected
     <div
       id={`theme-option-${name}`}
       className={`theme-option-container d-flex flex-column align-items-center ${isSelected ? 'active' : ''}`}

packages/preset-themes/src/consts/preset-themes.ts

@@ -3,22 +3,22 @@ import { GrowiThemeMetadata, GrowiThemeSchemeType } from '../interfaces/growi-th
 const { BOTH, LIGHT, DARK } = GrowiThemeSchemeType;
 
 export const PresetThemes = {
-  DEFAULT: 'Default',
-  ANTARCTIC: 'Antarctic',
-  BLACKBOARD: 'Blackboard',
-  CHRISTMAS: 'Christmas',
-  FIRE_RED: 'Fire Red',
-  FUTURE: 'Future',
-  HALLOWEEN: 'Halloween',
-  HUFFLEPUFF: 'Hufflepuff',
-  ISLAND: 'Island',
-  JADE_GREEN: 'Jade Green',
-  KIBELA: 'Kibela',
-  MONO_BLUE: 'Mono Blue',
-  NATURE: 'Nature',
-  SPRING: 'Spring',
-  WOOD: 'Wood',
-  CLASSIC: 'Classic',
+  DEFAULT: 'default',
+  ANTARCTIC: 'antarctic',
+  BLACKBOARD: 'blackboard',
+  CHRISTMAS: 'christmas',
+  FIRE_RED: 'fire-red',
+  FUTURE: 'future',
+  HALLOWEEN: 'halloween',
+  HUFFLEPUFF: 'hufflepuff',
+  ISLAND: 'island',
+  JADE_GREEN: 'jade-green',
+  KIBELA: 'kibela',
+  MONO_BLUE: 'mono-blue',
+  NATURE: 'nature',
+  SPRING: 'spring',
+  WOOD: 'wood',
+  CLASSIC: 'classic',
 } as const;
 export type PresetThemes = typeof PresetThemes[keyof typeof PresetThemes];