Delete unused files and update API calls

src/components/Option/Playground/Playground.tsx

@@ -70,17 +70,15 @@ export const Playground = () => {
       ref={drop}
       className={`${
         dropState === "dragging" ? "bg-gray-100 dark:bg-gray-800 z-10" : ""
-      } min-h-screen`}>
-      <PlaygroundChat  />
+      } bg-white dark:bg-[#171717]`}>
+      <PlaygroundChat />
       <div className="flex flex-col items-center">
         <div className="flex-grow">
           <div className="w-full flex justify-center">
             <div className="bottom-0 w-full bg-transparent border-0 fixed pt-2">
               <div className="stretch mx-2 flex flex-row gap-3 md:mx-4 lg:mx-auto lg:max-w-2xl xl:max-w-3xl justify-center items-center">
                 <div className="relative h-full flex-1 items-center justify-center md:flex-col">
-                  <PlaygroundForm
-                    dropedFile={dropedFile}
-                  />
+                  <PlaygroundForm dropedFile={dropedFile} />
                 </div>
               </div>
             </div>