Update 'use client' in places

src/app/layout.tsx

@@ -44,8 +44,8 @@ export const metadata: Metadata = {
   },
 };
 
-//const isDev = process.env.NEXT_PUBLIC_NODE_ENV !== 'production' || process.env.NODE_ENV == null;
-const isDev = false;
+const isDev = process.env.NEXT_PUBLIC_NODE_ENV !== 'production' || process.env.NODE_ENV == null;
+//const isDev = false;
 
 export default function RootLayout({
   children,

src/components/player/Navigator.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { Button } from '@headlessui/react';
 
 export const Navigator = ({ currentPage, numPages, skipToPage }: {

src/components/player/SpeedControl.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import {
   Listbox,
   ListboxButton,

src/components/player/VoicesControl.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import {
   Listbox,
   ListboxButton,

src/hooks/audio/useAudioCache.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import { useRef } from 'react';
 import { LRUCache } from 'lru-cache';
 

src/hooks/audio/useAudioContext.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import { useState, useEffect } from 'react';
 
 // Type definition for AudioContext to handle browser compatibility

src/hooks/audio/useMediaSession.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import { useEffect } from 'react';
 
 interface MediaControls {

src/hooks/audio/useVoiceManagement.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import { useState, useCallback } from 'react';
 
 const DEFAULT_VOICES = ['alloy', 'ash', 'coral', 'echo', 'fable', 'onyx', 'nova', 'sage', 'shimmer'];

src/hooks/pdf/usePDFDocuments.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import { useState, useCallback, useEffect } from 'react';
 import { v4 as uuidv4 } from 'uuid';
 import { indexedDBService, type PDFDocument } from '@/utils/indexedDB';