add live record function in speech to text

src/components/BuyServices/NewDroplet.jsx

@@ -8,6 +8,7 @@ import { Loader2 } from "lucide-react";
 import { useToast } from "../ui/toast";
 
 export default function NewDroplet() {
+  const PUBLIC_DIGITALOCEAN_API_KEY = import.meta.env.PUBLIC_DIGITALOCEAN_API_KEY;
   const { showToast } = useToast();
   const [isLoading, setIsLoading] = useState(false);
   const [formData, setFormData] = useState({
@@ -63,7 +64,7 @@ export default function NewDroplet() {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
-          "Authorization": "Bearer dop_v1_b6a075ece5786faf7c58d21761dbf95d47af372da062d68a870ce2a0bae51adf"
+          "Authorization": `Bearer ${PUBLIC_DIGITALOCEAN_API_KEY}`
         },
         body: JSON.stringify({
           ...formData,