fix: resolve GitHub Actions failures in lint and E2E mobile workflows

Fixes two ESLint warnings that were causing lint workflow to fail:
- app/[locale]/page.tsx: Move tick() call inside useEffect to avoid unstable dependency
- ServiceWorkerRegistration.tsx: Move setPermission inside useEffect to avoid unstable dependency

Fixes E2E mobile test viewport issue:
- SoundSelector.tsx: Change dropdown from fixed h-64 to responsive max-h-48 md:max-h-64
  to ensure preview buttons are within viewport on mobile devices

All changes verified locally:
- pnpm lint: passes with --max-warnings=0
- pnpm build: successful production build

Author: ryota-murakami

app/[locale]/page.tsx

@@ -33,8 +33,6 @@ export default function Home() {
   const start = timerState?.start ?? (() => {})
   const pause = timerState?.pause ?? (() => {})
   const reset = timerState?.reset ?? (() => {})
-  const tick = timerState?.tick ?? (() => {})
-
   const soundPreset = settingsState?.soundPreset ?? 'gentle-bell'
   const volume = settingsState?.volume ?? 70
 
@@ -59,14 +57,14 @@ export default function Home() {
 
   // Set up interval for ticking when timer is running
   useEffect(() => {
-    if (!isRunning) return
+    if (!isRunning || !timerState?.tick) return
 
     const interval = setInterval(() => {
-      tick()
+      timerState.tick()
     }, 1000)
 
     return () => clearInterval(interval)
-  }, [isRunning, tick])
+  }, [isRunning, timerState])
 
   // Play sound and show notification when timer completes
   useEffect(() => {

components/notifications/ServiceWorkerRegistration.tsx

@@ -13,9 +13,11 @@ import {
  * Registers the Service Worker on app load and syncs notification permission state
  */
 export function ServiceWorkerRegistration() {
-  const setPermission = useStore(useNotificationStore, (state) => state.setPermission) ?? (() => {})
+  const notificationStore = useStore(useNotificationStore, (state) => state)
 
   useEffect(() => {
+    const setPermission = notificationStore?.setPermission ?? (() => {})
+    
     // Register Service Worker
     registerServiceWorker().then((registration) => {
       if (registration) {
@@ -40,7 +42,7 @@ export function ServiceWorkerRegistration() {
           console.warn('[Notifications] Permission monitoring not supported:', error)
         })
     }
-  }, [setPermission])
+  }, [notificationStore])
 
   // This component doesn't render anything
   return null

components/settings/SoundSelector.tsx

@@ -87,7 +87,7 @@ export function SoundSelector({ value, onChange }: SoundSelectorProps) {
 
         <Select.Portal>
           <Select.Content
-            className="overflow-scroll h-64 rounded-lg border-2 border-bg-secondary bg-white shadow-lg"
+            className="overflow-auto max-h-48 md:max-h-64 rounded-lg border-2 border-bg-secondary bg-white shadow-lg"
             position="popper"
             sideOffset={5}
           >