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

* refactor: albums list

* fix: responsive design

* keep albums in sharing

web/src/routes/(user)/albums/+page.svelte

@@ -13,5 +13,5 @@
   <div class="flex place-items-center gap-2" slot="buttons">
     <AlbumsControls bind:searchAlbum />
   </div>
-  <Albums albums={data.albums} {searchAlbum} />
+  <Albums ownedAlbums={data.albums} {searchAlbum} sharedAlbums={data.sharedAlbums} />
 </UserPageLayout>

web/src/routes/(user)/albums/+page.ts

@@ -4,10 +4,12 @@ import type { PageLoad } from './$types';
 
 export const load = (async () => {
   await authenticate();
+  const sharedAlbums = await getAllAlbums({ shared: true });
   const albums = await getAllAlbums({});
 
   return {
     albums,
+    sharedAlbums,
     meta: {
       title: 'Albums',
     },