refactor: suffle 함수 순수 구현 -> 라이브러리 모듈 활용

Author: youngminss

src/hooks/gathering/useRandomNickname.ts

@@ -1,21 +1,13 @@
 import { useCallback, useRef, useState } from "react";
+import { shuffle } from "es-toolkit";
 
 import { RANDOM_NICKNAMES } from "#/constants/nickname";
 
-const shuffle = <T>(arr: T[]): T[] => {
-	const result = [...arr];
-	for (let i = result.length - 1; i > 0; i--) {
-		const j = Math.floor(Math.random() * (i + 1));
-		[result[i], result[j]] = [result[j], result[i]];
-	}
-	return result;
-};
-
-const createInitialPool = () => shuffle([...RANDOM_NICKNAMES]);
+const generateInitialPool = () => shuffle([...RANDOM_NICKNAMES]);
 
 export const useRandomNickname = () => {
 	// 초기 풀은 모듈 스코프 함수로 생성하여 렌더 시점 ref 접근 없이 초기화
-	const initialPool = createInitialPool();
+	const initialPool = generateInitialPool();
 	const initialNicknameValue = initialPool[0];
 
 	const poolRef = useRef<string[]>(initialPool);
@@ -26,7 +18,7 @@ export const useRandomNickname = () => {
 
 	const getNextNickname = useCallback((): string => {
 		if (indexRef.current >= poolRef.current.length) {
-			let newPool = shuffle([...RANDOM_NICKNAMES]);
+			let newPool = generateInitialPool();
 			// 재셔플 시 마지막 사용 닉네임이 첫 번째가 되는 것 방지
 			if (
 				lastUsedRef.current !== null &&