fix(frontend): resolve lint errors and warnings in multiple components

Author: ru-se

frontend/src/app/page.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import Image from 'next/image';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import type { CSSProperties } from 'react';
@@ -63,7 +64,7 @@ export default function TopPage() {
     setShowExplosion(true);
 
     const audio = new Audio('/sounds/start-se.mp3');
-    audio.play().catch(() => {});
+    audio.play().catch(() => { });
 
     setTimeout(() => {
       router.push('/games/terms');
@@ -88,31 +89,25 @@ export default function TopPage() {
       }}
     >
       <div className="flex flex-col items-center gap-[2vh] w-full">
-        <img
+        <Image
           src="/images/RealYouLogo.png"
           alt="Real You -本当の私じゃだめですか？-"
-          className="
-          max-h-[65vh]
-          w-auto
-          object-contain
-          drop-shadow-2xl
-        "
+          width={800}
+          height={500}
+          className="max-h-[65vh] w-auto object-contain drop-shadow-2xl"
         />
 
         <div className="relative">
           <button
             onClick={handleStartClick}
             className="transition-all duration-100 ease-out hover:scale-110 active:scale-95 active:opacity-50"
           >
-            <img
+            <Image
               src="/images/StartButton.png"
               alt="診断スタート"
-              className="
-              w-[40vw]
-              max-w-xs
-              min-w-[180px]
-              drop-shadow-md
-            "
+              width={320}
+              height={120}
+              className="w-[40vw] max-w-xs min-w-[180px] drop-shadow-md"
             />
           </button>
 

frontend/src/features/games/helpdesk/hooks/useHelpdeskGame.ts

@@ -80,12 +80,9 @@ export function useHelpdeskGame(options: {
   const isSpeechSupported =
     typeof window !== 'undefined' &&
     !!(
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      (
-        (window as any).SpeechRecognition ||
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        (window as any).webkitSpeechRecognition
-      )
+      (window as Window & { SpeechRecognition?: unknown }).SpeechRecognition ||
+      (window as Window & { webkitSpeechRecognition?: unknown })
+        .webkitSpeechRecognition
     ) &&
     !!window.speechSynthesis;
 
@@ -230,12 +227,12 @@ export function useHelpdeskGame(options: {
     const hasTextTurn = currentTurns.some((t) => t.inputMethod === 'text');
     const textInputMetrics: TextInputMetrics | null = hasTextTurn
       ? {
-          typingIntervalVariance:
-            typingVariancesRef.current.length > 0
-              ? typingVariancesRef.current.reduce((a, b) => a + b, 0) /
-                typingVariancesRef.current.length
-              : 0,
-        }
+        typingIntervalVariance:
+          typingVariancesRef.current.length > 0
+            ? typingVariancesRef.current.reduce((a, b) => a + b, 0) /
+            typingVariancesRef.current.length
+            : 0,
+      }
       : null;
     const game2Data: Game2Data = {
       inputMethod: inputMethodRef.current,
@@ -248,7 +245,7 @@ export function useHelpdeskGame(options: {
 
     // 電話終了音
     if (hangupAudioRef.current) {
-      hangupAudioRef.current.play().catch(() => {});
+      hangupAudioRef.current.play().catch(() => { });
     }
   }, [onComplete]);
 
@@ -559,7 +556,7 @@ export function useHelpdeskGame(options: {
       const silentAudio = new Audio();
       silentAudio.src =
         'data:audio/wav;base64,UklGRigAAABXQVZFRm10IBAAAAABAAEARKwAAIhYAQACABAAZGF0YQAAAAA=';
-      silentAudio.play().catch(() => {});
+      silentAudio.play().catch(() => { });
 
       // マイクの事前許可を求める
       try {
@@ -581,7 +578,7 @@ export function useHelpdeskGame(options: {
 
     // 電話呼び出し音を開始
     if (callingAudioRef.current) {
-      callingAudioRef.current.play().catch(() => {});
+      callingAudioRef.current.play().catch(() => { });
     }
   }, [gamePhase]);
 

frontend/src/features/games/terms/components/PopupTerms.tsx

@@ -4,7 +4,6 @@ import TermsContent from './TermsContent';
 import type { FC } from 'react';
 
 interface PopupTermsProps {
-  onClose: () => void;
   onCheckboxChange: (
     key: 'readConfirm' | 'mailMagazine' | 'thirdPartyShare',
     checked: boolean
@@ -22,7 +21,6 @@ interface PopupTermsProps {
 }
 
 const PopupTerms: FC<PopupTermsProps> = ({
-  onClose,
   onCheckboxChange,
   onHiddenInputChange,
   checkboxStates,

frontend/src/features/games/terms/components/TermsGameFlow.tsx

@@ -5,7 +5,6 @@ import { useSetAtom } from 'jotai';
 import { useRouter } from 'next/navigation';
 import type { Game1Data, ScrollEvent } from '@/features/games/types';
 import { game1DataAtom } from '@/stores/games';
-import TermsContent from './TermsContent';
 import PopupAd from './PopupAd';
 import PopupTerms from './PopupTerms';
 // TODO: バックエンド接続時にコメントアウトを解除する
@@ -32,7 +31,7 @@ export default function TermsGameFlow() {
   // ポップアップ広告の表示状態
   const [showPopup, setShowPopup] = useState(false);
   // 利用規約モーダル表示状態（初期で表示）
-  const [showTermsModal, setShowTermsModal] = useState(true);
+  const [showTermsModal] = useState(true);
   // ゲーム完了フラグ（trueで完了画面を表示→次のゲームへ遷移）
   const [isCompleted, setIsCompleted] = useState(false);
 
@@ -206,10 +205,6 @@ export default function TermsGameFlow() {
 
       {showTermsModal && (
         <PopupTerms
-          onClose={() => {
-            setShowTermsModal(false);
-            scrollContainerRef.current = null;
-          }}
           onCheckboxChange={handleCheckboxChange}
           onHiddenInputChange={handleHiddenInputChange}
           checkboxStates={checkboxStates}