Integrate React Query for data management and enhance Debug Preferences

- Added React Query for managing API calls related to assistants and voices.
- Introduced `useAssistantsQuery` and `useVoicesQuery` hooks for fetching data.
- Implemented mutations for creating, updating, and deleting voices using React Query.
- Integrated a global `QueryClient` for managing query states and configurations.
- Refactored components to utilize the new query hooks, improving data handling and performance.
- Added a Zustand store for managing debug preferences, including WebSocket URL and audio settings.

web/pages/AutoTest.tsx

@@ -1,31 +1,19 @@
 
-import React, { useEffect, useState } from 'react';
+import React, { useState } from 'react';
 import { Plus, Search, Play, Copy, Trash2, Zap, MessageSquare, Mic, AlertTriangle, ClipboardCheck, X } from 'lucide-react';
 import { Button, Input, Card, Badge, Dialog } from '../components/UI';
 import { mockAutoTestAssistants } from '../services/mockData';
-import { Assistant, AutoTestAssistant, TestType, TestMethod } from '../types';
-import { fetchAssistants } from '../services/backendApi';
+import { AutoTestAssistant, TestType, TestMethod } from '../types';
+import { useAssistantsQuery } from '../services/queries';
 
 export const AutoTestPage: React.FC = () => {
   const [testAssistants, setTestAssistants] = useState<AutoTestAssistant[]>(mockAutoTestAssistants);
-  const [assistants, setAssistants] = useState<Assistant[]>([]);
   const [searchTerm, setSearchTerm] = useState('');
   const [selectedId, setSelectedId] = useState<string | null>(null);
   const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
   const [deleteId, setDeleteId] = useState<string | null>(null);
   const [copySuccess, setCopySuccess] = useState(false);
-
-  useEffect(() => {
-    const loadAssistants = async () => {
-      try {
-        const list = await fetchAssistants();
-        setAssistants(list);
-      } catch (error) {
-        console.error(error);
-      }
-    };
-    loadAssistants();
-  }, []);
+  const { data: assistants = [] } = useAssistantsQuery();
 
   const filteredTests = testAssistants.filter(t => 
     t.name.toLowerCase().includes(searchTerm.toLowerCase())