fix up arrow

templates/room.html

@@ -65,7 +65,7 @@
                 </div>
             </div>
             <div class="d-flex align-items-center gap-2 mb-3">
-                <button id="upBtn" class="btn btn-outline-secondary btn-sm" hidden style="display:none;" title="Go up one level">
+                <button id="upBtn" class="btn btn-outline-secondary btn-sm" hidden style="display:none;" title="Go up one level" onclick="navigateToParent()">
                     <i class="fas fa-arrow-up"></i>
                 </button>
                 <div id="breadcrumb" class="d-flex align-items-center gap-2"></div>
@@ -1815,5 +1815,13 @@ document.addEventListener('DOMContentLoaded', function() {
         }
     }
 });
+
+function navigateToParent() {
+    if (!currentPath) return;
+    const parts = currentPath.split('/');
+    parts.pop(); // Remove the last part
+    const parentPath = parts.join('/');
+    navigateTo(parentPath);
+}
 </script>
 {% endblock %}