integrate backend with client

client/src/contexts/MediaContext.tsx

@@ -3,15 +3,24 @@ import React, { createContext, useState, useContext } from 'react';
 interface MediaContextType {
   mediaFile: { name: string; url: string; type: string } | null;
   setMediaFile: (file: { name: string; url: string; type: string }) => void;
+  response: { file_uuid: string; sr: number; audio_class: string }; 
+  setResponse: (response: { file_uuid: string; sr: number; audio_class: string }) => void;
 }
 
+
 const MediaContext = createContext<MediaContextType | undefined>(undefined);
 
 export const MediaProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
   const [mediaFile, setMediaFile] = useState<MediaContextType['mediaFile']>(null);
+  const [response, setResponse] = useState<MediaContextType["response"]>({
+    audio_class: "",
+    file_uuid: "",
+    sr: 0,
+  });
+  
 
   return (
-    <MediaContext.Provider value={{ mediaFile, setMediaFile }}>
+    <MediaContext.Provider value={{ mediaFile, setMediaFile, response, setResponse }}>
       {children}
     </MediaContext.Provider>
   );