fix(game): handleResponse 비-null 단언 제거 및 charColors 상수화

- game.ts: data! 단언 제거, !data 시 명시적 에러 throw
- GamePage.tsx: 인라인 charColors 배열을 모듈 상수 CHAR_COLORS로 분리해 렌더마다 캔버스 재생성 방지

Author: seongwon030

frontend/src/apis/game.ts

@@ -14,7 +14,8 @@ export const postGameClick = async (
     response,
     '클릭 요청에 실패했습니다.',
   );
-  return data!;
+  if (!data) throw new Error('클릭 요청에 실패했습니다.');
+  return data;
 };
 
 export const getGameRanking = async (): Promise<GameRankingResponse> => {
@@ -23,5 +24,6 @@ export const getGameRanking = async (): Promise<GameRankingResponse> => {
     response,
     '랭킹을 불러오는데 실패했습니다.',
   );
-  return data!;
+  if (!data) throw new Error('랭킹을 불러오는데 실패했습니다.');
+  return data;
 };

frontend/src/pages/GamePage/GamePage.tsx

@@ -9,6 +9,16 @@ import * as S from './GamePage.styles';
 
 const STORAGE_KEY = 'game_club_name';
 
+const CHAR_COLORS = [
+  '#FF5414',
+  '#FFB300',
+  '#5FD8C0',
+  '#7094FF',
+  '#D4537E',
+  '#EF9F27',
+  '#FF9D7C',
+];
+
 const BLOBS = [
   {
     size: 320,
@@ -139,15 +149,7 @@ const GamePage = () => {
               spacing={4}
               dotR={1.8}
               hoverRadius={18}
-              charColors={[
-                '#FF5414',
-                '#FFB300',
-                '#5FD8C0',
-                '#7094FF',
-                '#D4537E',
-                '#EF9F27',
-                '#FF9D7C',
-              ]}
+              charColors={CHAR_COLORS}
             />
           </motion.div>
         )}