updated active storage overview guide by sanitizing direct upload file name

guides/source/active_storage_overview.md

@@ -661,10 +661,11 @@ To show the uploaded files in a form:
 addEventListener("direct-upload:initialize", event => {
   const { target, detail } = event
   const { id, file } = detail
+  const sanitizedFileName = encodeURI(file.name)
   target.insertAdjacentHTML("beforebegin", `
     <div id="direct-upload-${id}" class="direct-upload direct-upload--pending">
       <div id="direct-upload-progress-${id}" class="direct-upload__progress" style="width: 0%"></div>
-      <span class="direct-upload__filename">${file.name}</span>
+      <span class="direct-upload__filename">${sanitizedFileName}</span>
     </div>
   `)
 })