fix(viewer): used join to fix issues stemming from nextcloud#2991

While the fix merged in nextcloud#2991 addressed a share, it inadvertently broke navigating through images for regular file viewing. This fix uses the `join`, `dirPath` and `node.basename` to reconstruct the paths that works for both shares and non-shared views.

Signed-off-by: tabedzki <35670232+tabedzki@users.noreply.github.com>

Author: tabedzki

src/views/Viewer.vue

@@ -178,6 +178,9 @@
 import '@nextcloud/dialogs/style.css'
 import Vue, { defineComponent } from 'vue'
 
+import { join } from 'path'
+
+
 import { emit, subscribe, unsubscribe } from '@nextcloud/event-bus'
 import { loadState } from '@nextcloud/initial-state'
 import { File as NcFile, Node, davRemoteURL, davRootPath, davGetRootPath, sortNodes } from '@nextcloud/files'
@@ -796,7 +799,7 @@ export default defineComponent({
 				})
 
 				this.fileList = sortedNodes.map(node => {
-					return filteredFiles.find(file => file.filename === String(dirPath + node.path))
+					return filteredFiles.find(file => file.filename === join(dirPath, node.basename))
 				})
 				// store current position
 				this.currentIndex = this.fileList.findIndex(file => file.filename === fileInfo.filename)