web: browse the catalogue as a tree of folders

The library page was a flat wall of thumbnails. It now reads like the admin
pictures tab: a folder tree on the left, the picked node's frame on the stage,
that node's frames in the strip below, and a chip pair to swap the stage for a
wall of every thumbnail in the node.

Folders are walked recursively (dot/@-prefixed names skipped, an unreadable
subfolder is dropped rather than failing the scan), so a roll with a dated
subfolder keeps both levels. Node counts include the subfolders underneath.

docker/frontend/src/i18n/vi.ts

@@ -17,7 +17,7 @@ export const vi = {
   'nav.admin': 'Quản trị',
   'nav.photos': 'Ảnh của tôi',
   'nav.profile': 'Hồ sơ',
-  'nav.library': 'Thư viện',
+  'nav.library': 'THƯ VIỆN',
   'nav.studio': 'Studio',
   'nav.guest': 'Khách',
 
@@ -238,7 +238,7 @@ export const vi = {
   'photos.failed': 'Không thực hiện được: {msg}',
   'photos.noLabels': 'Chưa có nhãn dải phim',
 
-  'lib.title': 'Thư viện',
+  'lib.title': 'THƯ VIỆN',
   'lib.hint':
     'Chọn thư mục ảnh trên máy. Ảnh không được tải lên đâu cả — trang chỉ nhớ đường dẫn và giữ một ảnh thu nhỏ cho mỗi tấm.',
   'lib.add': 'THÊM THƯ MỤC',
@@ -246,7 +246,9 @@ export const vi = {
   'lib.rescan': 'QUÉT LẠI',
   'lib.remove': 'BỎ',
   'lib.reconnect': 'CẤP LẠI QUYỀN',
-  'lib.all': 'TẤT CẢ',
+  'lib.tree': 'THƯ MỤC',
+  'lib.viewPreview': 'MỘT ẢNH',
+  'lib.viewGrid': 'TOÀN BỘ',
   'lib.open': 'Mở trong studio',
   'lib.edited': 'đã chỉnh',
   'lib.size': '{mb} MB',