refactor(web): albums list (2) (#8214)

* refactor: albums list

* fix: responsive design

* keep albums in sharing

web/src/lib/stores/preferences.store.ts

@@ -70,6 +70,7 @@ export interface AlbumViewSettings {
   sortBy: string;
   sortDesc: boolean;
   view: string;
+  filter: string;
 }
 
 export interface SidebarSettings {
@@ -87,10 +88,17 @@ export enum AlbumViewMode {
   List = 'List',
 }
 
+export enum AlbumFilter {
+  All = 'All',
+  Owned = 'Owned',
+  Shared = 'Shared',
+}
+
 export const albumViewSettings = persisted<AlbumViewSettings>('album-view-settings', {
   sortBy: 'Most recent photo',
   sortDesc: true,
   view: AlbumViewMode.Cover,
+  filter: AlbumFilter.All,
 });
 
 export const showDeleteModal = persisted<boolean>('delete-confirm-dialog', true, {});