fix(archive): prevent prerendering for admin pages and use Next.js Image

- Add dynamic = 'force-dynamic' to all admin archive pages
- Replace <img> tags with Next.js <Image> component
- Fix build errors in CI environment
- Ensures pages don't try to connect to DB during static generation

Author: abhiyandhakal

src/app/admin/archive/[year]/content/add/page.tsx

@@ -5,6 +5,8 @@ import { useRouter, useParams, useSearchParams } from "next/navigation";
 import { toast } from "sonner";
 import Link from "next/link";
 
+export const dynamic = 'force-dynamic';
+
 interface Category {
   id: string;
   name: string;

src/app/admin/archive/[year]/edit/page.tsx

@@ -4,6 +4,9 @@ import { useState, useEffect } from "react";
 import { useRouter, useParams } from "next/navigation";
 import { toast } from "sonner";
 import Link from "next/link";
+import Image from "next/image";
+
+export const dynamic = 'force-dynamic';
 
 export default function EditArchiveYearPage() {
   const router = useRouter();
@@ -194,7 +197,9 @@ export default function EditArchiveYearPage() {
           {coverImageUrl && (
             <div className="mt-2">
               <p className="text-sm text-green-600">Current image: {coverImageUrl}</p>
-              <img src={coverImageUrl} alt="Cover preview" className="mt-2 w-32 h-32 object-cover rounded" />
+              <div className="relative w-32 h-32 mt-2">
+                <Image src={coverImageUrl} alt="Cover preview" fill className="object-cover rounded" />
+              </div>
             </div>
           )}
           <p className="text-xs text-muted-foreground mt-1">

src/app/admin/archive/[year]/page.tsx

@@ -3,6 +3,8 @@ import { db, archiveYears, archiveCategories, archivePapers } from "@/db/schema"
 import { eq } from "drizzle-orm";
 import { notFound } from "next/navigation";
 
+export const dynamic = 'force-dynamic';
+
 export default async function AdminArchiveYearPage({ params }: { params: Promise<{ year: string }> }) {
   const { year: yearStr } = await params;
   const year = parseInt(yearStr);

src/app/admin/archive/[year]/papers/[id]/edit/page.tsx

@@ -5,6 +5,8 @@ import { useRouter, useParams } from "next/navigation";
 import { toast } from "sonner";
 import Link from "next/link";
 
+export const dynamic = 'force-dynamic';
+
 export default function EditArchivePaperPage() {
   const router = useRouter();
   const params = useParams();

src/app/admin/archive/[year]/papers/add/page.tsx

@@ -5,6 +5,8 @@ import { useRouter, useParams } from "next/navigation";
 import { toast } from "sonner";
 import Link from "next/link";
 
+export const dynamic = 'force-dynamic';
+
 export default function AddArchivePaperPage() {
   const router = useRouter();
   const params = useParams();

src/app/admin/archive/[year]/papers/import/page.tsx

@@ -5,6 +5,8 @@ import { useRouter, useParams } from "next/navigation";
 import { toast } from "sonner";
 import Link from "next/link";
 
+export const dynamic = 'force-dynamic';
+
 interface Paper {
   id: string;
   submissionId: string;

src/app/admin/archive/categories/add/page.tsx

@@ -3,6 +3,8 @@
 import { useState } from "react";
 import { useRouter } from "next/navigation";
 import { toast } from "sonner";
+
+export const dynamic = 'force-dynamic';
 import Link from "next/link";
 
 export default function AddCategoryPage() {

src/app/admin/archive/categories/page.tsx

@@ -1,6 +1,8 @@
 import Link from "next/link";
 import { db, archiveCategories } from "@/db/schema";
 
+export const dynamic = 'force-dynamic';
+
 export default async function CategoriesManagementPage() {
   const categories = await db.select().from(archiveCategories).orderBy(archiveCategories.displayOrder);
 

src/app/admin/archive/create/page.tsx

@@ -3,6 +3,9 @@
 import { useState } from "react";
 import { useRouter } from "next/navigation";
 import { toast } from "sonner";
+import Image from "next/image";
+
+export const dynamic = 'force-dynamic';
 
 export default function CreateArchiveYearPage() {
   const router = useRouter();
@@ -176,7 +179,9 @@ export default function CreateArchiveYearPage() {
           {coverImageUrl && (
             <div className="mt-2">
               <p className="text-sm text-green-600">Image uploaded: {coverImageUrl}</p>
-              <img src={coverImageUrl} alt="Cover preview" className="mt-2 w-32 h-32 object-cover rounded" />
+              <div className="relative w-32 h-32 mt-2">
+                <Image src={coverImageUrl} alt="Cover preview" fill className="object-cover rounded" />
+              </div>
             </div>
           )}
           <p className="text-xs text-muted-foreground mt-1">

src/app/admin/archive/page.tsx

@@ -2,6 +2,8 @@ import Link from "next/link";
 import { db, archiveYears } from "@/db/schema";
 import { desc } from "drizzle-orm";
 
+export const dynamic = 'force-dynamic';
+
 export default async function AdminArchivePage() {
   const years = await db.select().from(archiveYears).orderBy(desc(archiveYears.year));