feat: ボタン群の下に赤字で「右クリックでマスを白色に戻せます。」を表示する (#152)

Co-authored-by: Sakamoto, Kazunori <[email protected]>

src/app/(withAuth)/courses/[courseId]/lectures/[lectureId]/problems/[problemId]/BoardEditor.tsx

@@ -17,7 +17,6 @@ import {
   HStack,
   Icon,
   IconButton,
-  Spacer,
   VStack,
 } from '../../../../../../../../infrastructures/useClient/chakra';
 import type { Problem } from '../../../../../../../../problems/generateProblem';
@@ -257,13 +256,12 @@ export const BoardEditor = forwardRef<TurtleGraphicsHandle, TurtleGraphicsProps>
                 タートルを配置
               </Button>
             )}
+            {selectedPosition && (
+              <Box color="brand.600" fontSize="sm">
+                右クリックでマスを白色に戻せます。
+              </Box>
+            )}
           </VStack>
-
-          <Spacer />
-
-          <Box color="gray.600" fontSize="sm">
-            右クリックでマスを白色に戻せます。
-          </Box>
         </VStack>
       </HStack>
     );