Fix saving annotations in paths with special characters

The filename may contain characters that are not compatible with a URL
path, so it needs to be explicitly encoded. Otherwise the upload could
fail (for example, if the filename contains "%" followed by a letter,
which would cause the server to fail to decode the path and return a
"400 Bad request" error) or even overwrite a different file (for
example, if the filename contains "#", which would cause the rest of the
path to be ignored).

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>

Author: danxuliu

src/services/uploadPdfFile.js

@@ -4,6 +4,7 @@
  */
 import { getRequestToken } from '@nextcloud/auth'
 import axios from '@nextcloud/axios'
+import { encodePath } from '@nextcloud/paths'
 
 import { getRootPath } from '../utils/davUtils.js'
 import { getSharingToken } from '@nextcloud/sharing/public'
@@ -25,7 +26,7 @@ import { getSharingToken } from '@nextcloud/sharing/public'
 export default async function(filename, data) {
 	// getRootPath takes into account the differences between files of
 	// registered users and public shares.
-	const filePath = getRootPath() + filename
+	const filePath = getRootPath() + encodePath(filename)
 
 	const blob = new Blob([data], { type: 'application/pdf' })