chore: set anime images to unoptimized

Author: ZL-Asica

src/app/about/anime/page.tsx

@@ -7,6 +7,8 @@ import { getConfig } from '@/services/config'
 import Head from 'next/head'
 import { notFound } from 'next/navigation'
 
+export const revalidate = 3600
+
 export async function generateMetadata(): Promise<Metadata> {
   const config = getConfig()
   const animeTranslation = config.translation.anime
@@ -46,8 +48,7 @@ export default async function AnimePage() {
     : 'http://localhost:3000'
 
   const response = await fetch(`${API_BASE_URL}/api/anime?userName=${anilist_username}`, {
-    cache: 'force-cache',
-    next: { tags: ['anime'], revalidate: 120 }, // Cache for 2 minutes
+    next: { tags: ['anime'], revalidate: 3600 }, // Cache for 1 hour
   })
 
   if (!response.ok) {

src/components/anime/AnimeList.tsx

@@ -56,7 +56,7 @@ const AnimeList = ({ animeData, userName, author, lang, translation }: AnimeList
                   || (b.progress ?? 0) - (a.progress ?? 0)
                   || (b.notes !== null ? 1 : 0) - (a.notes !== null ? 1 : 0),
                 )
-                .map((entry: AniListListEntry) => (
+                .map((entry: AniListListEntry, entryIndex) => (
                   <div
                     key={entry.media.id}
                     className="relative group bg-gray-800 rounded-lg overflow-hidden shadow-md transition-all duration-300 hover:scale-105"
@@ -86,7 +86,8 @@ const AnimeList = ({ animeData, userName, author, lang, translation }: AnimeList
                             : entry.media.title.romaji}
                         fill
                         className="object-cover"
-                        priority
+                        unoptimized
+                        priority={index === 1 && entryIndex <= 16}
                       />
                     </div>
 

src/schemas/anime.ts

@@ -29,7 +29,7 @@ const AniListListEntrySchema = z.object({
 })
 
 const AniListListSchema = z.object({
-  name: z.string(),
+  name: z.string(), // Watching, Planning, Completed, Dropped, Paused, Repeating
   entries: z.array(
     AniListListEntrySchema,
   ),