feat: implement gallery view modes and enhance layout

- Added ListView and MasonryView components for displaying photos in different layouts.
- Introduced a new GalleryViewMode type to manage view settings.
- Updated PhotosRoot to conditionally render ListView or MasonryView based on the selected view mode.
- Created a PageHeader component with a ViewModeSegment for toggling between view modes.
- Removed the deprecated MasonryRoot component and adjusted imports accordingly.

Signed-off-by: Innei <tukon479@gmail.com>

locales/app/en.json

@@ -336,6 +336,11 @@
   "gallery.built.at": "Built at ",
   "gallery.photos_one": "{{count}} photo",
   "gallery.photos_other": "{{count}} photos",
+  "gallery.search": "Search",
+  "gallery.view.grid": "Grid View",
+  "gallery.view.list": "List View",
+  "gallery.view.map": "Map View",
+  "gallery.view.masonry": "Masonry",
   "inspector.tab.comments": "Comments",
   "inspector.tab.info": "Info",
   "loading.converting": "Converting...",

locales/app/jp.json

@@ -310,6 +310,11 @@
   "gallery.built.at": "ビルド日時 ",
   "gallery.photos_one": "写真{{count}}枚",
   "gallery.photos_other": "写真{{count}}枚",
+  "gallery.search": "検索",
+  "gallery.view.grid": "グリッド表示",
+  "gallery.view.list": "リスト表示",
+  "gallery.view.map": "マップ表示",
+  "gallery.view.masonry": "ウォーターフォール",
   "loading.converting": "変換中...",
   "loading.default": "読み込み中",
   "loading.heic.converting": "HEIC/HEIF 画像フォーマットを変換中...",

locales/app/ko.json

@@ -310,6 +310,11 @@
   "gallery.built.at": "빌드 날짜 ",
   "gallery.photos_one": "사진 {{count}}장",
   "gallery.photos_other": "사진 {{count}}장",
+  "gallery.search": "검색",
+  "gallery.view.grid": "그리드 보기",
+  "gallery.view.list": "목록 보기",
+  "gallery.view.map": "지도 보기",
+  "gallery.view.masonry": "폭포수",
   "loading.converting": "변환 중...",
   "loading.default": "로딩 중",
   "loading.heic.converting": "HEIC/HEIF 이미지 형식 변환 중...",

locales/app/zh-CN.json

@@ -333,6 +333,11 @@
   "gallery.built.at": "构建于 ",
   "gallery.photos_one": "{{count}} 张照片",
   "gallery.photos_other": "{{count}} 张照片",
+  "gallery.search": "搜索",
+  "gallery.view.grid": "网格视图",
+  "gallery.view.list": "列表视图",
+  "gallery.view.map": "地图视图",
+  "gallery.view.masonry": "瀑布流",
   "inspector.tab.comments": "评论",
   "inspector.tab.info": "信息",
   "loading.converting": "转换中...",

locales/app/zh-HK.json

@@ -310,6 +310,11 @@
   "gallery.built.at": "建置於 ",
   "gallery.photos_one": "{{count}} 張照片",
   "gallery.photos_other": "{{count}} 張照片",
+  "gallery.search": "搜尋",
+  "gallery.view.grid": "網格檢視",
+  "gallery.view.list": "清單檢視",
+  "gallery.view.map": "地圖檢視",
+  "gallery.view.masonry": "瀑布流",
   "loading.converting": "轉換中...",
   "loading.default": "載入中",
   "loading.heic.converting": "正在轉換 HEIC/HEIF 圖像格式...",

locales/app/zh-TW.json

@@ -309,6 +309,11 @@
   "gallery.built.at": "建置於 ",
   "gallery.photos_one": "{{count}} 張照片",
   "gallery.photos_other": "{{count}} 張照片",
+  "gallery.search": "搜尋",
+  "gallery.view.grid": "網格檢視",
+  "gallery.view.list": "清單檢視",
+  "gallery.view.map": "地圖檢視",
+  "gallery.view.masonry": "瀑布流",
   "loading.converting": "轉換中...",
   "loading.default": "載入中",
   "loading.heic.converting": "正在轉換 HEIC/HEIF 圖像格式...",