Fix some bad photos changes

src/lib/components/PhotoMetadata.svelte

@@ -118,7 +118,7 @@
 		</div>
 	{/if}
 
-	{#if albums && albums.length > 0}
+	<!-- {#if albums && albums.length > 0}
 		<div class="albums-section">
 			<h3 class="albums-title">This photo appears in:</h3>
 			<div class="albums-list">
@@ -129,7 +129,7 @@
 				{/each}
 			</div>
 		</div>
-	{/if}
+	{/if} -->
 
 	{#if showBackButton && backHref && backLabel}
 		<div class="card-footer">

src/routes/api/photos/+server.ts

@@ -82,6 +82,13 @@ export const GET: RequestHandler = async (event) => {
 			}
 		})
 
+		// Sort photos by the actual date taken (from EXIF or fallback dates)
+		photos.sort((a, b) => {
+			const dateA = new Date(a.createdAt).getTime()
+			const dateB = new Date(b.createdAt).getTime()
+			return dateB - dateA // Descending order (newest first)
+		})
+
 		// Apply pagination
 		const totalItems = photos.length
 		const paginatedItems = photos.slice(offset, offset + limit)

src/routes/photos/[id]/+page.svelte

@@ -410,18 +410,8 @@
 			{exifData}
 			createdAt={photo.createdAt}
 			albums={photo.albums}
-			backHref={fromAlbum
+			backHref="/photos"
-				? `/albums/${fromAlbum}`
+			backLabel="Back to Photos"
-				: photo.album
-					? `/albums/${photo.album.slug}`
-					: '/photos'}
-			backLabel={(() => {
-				if (fromAlbum && photo.albums) {
-					const album = photo.albums.find((a) => a.slug === fromAlbum)
-					return album ? `Back to ${album.title}` : 'Back to Photos'
-				}
-				return photo.album ? `Back to ${photo.album.title}` : 'Back to Photos'
-			})()}
 			showBackButton={true}
 		/>
 	</div>