Use @nextcloud/paths for file sidebar

Signed-off-by: Gary Kim <gary@garykim.dev>

apps/files/src/views/Sidebar.vue

@@ -63,6 +63,7 @@ import AppSidebar from 'nextcloud-vue/dist/Components/AppSidebar'
 import FileInfo from '../services/FileInfo'
 import LegacyTab from '../components/LegacyTab'
 import LegacyView from '../components/LegacyView'
+import { encodePath } from '@nextcloud/paths'
 
 export default {
 	name: 'Sidebar',
@@ -115,7 +116,7 @@ export default {
 		 */
 		davPath() {
 			const user = OC.getCurrentUser().uid
-			return OC.linkToRemote(`dav/files/${user}${encodeURIComponent(this.file)}`)
+			return OC.linkToRemote(`dav/files/${user}${encodePath(this.file)}`)
 		},
 
 		/**