add: more things

Signed-off-by: Kenneth Obsequio <k80308392@gmail.com>

src/modules/admin/pages/advertisements/AdvertisementList.jsx

@@ -2,7 +2,7 @@
 
 import { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
-import { House, Plus, Search, Megaphone, MousePointerClick, Edit, Trash2 } from "lucide-react";
+import { House, Plus, Search, Megaphone, MousePointerClick, Edit, Trash2, Archive } from "lucide-react";
 
 import { useAdvertisements } from "@/contexts/AdminAdvertisementContext";
 import { resolveAssetSrc } from "@/utils/media.util";
@@ -69,10 +69,16 @@ export default function AdvertisementList() {
                             <h1 className="text-2xl font-semibold tracking-tight">Advertisements</h1>
                             <p className="text-sm text-muted-foreground">Manage public-facing banners, popups, and promotional placements</p>
                         </div>
-                        <Button onClick={() => navigate("/admin/advertisements/add")}>
-                            <Plus className="size-4" />
-                            New advertisement
-                        </Button>
+                        <div className="flex items-center gap-2">
+                            <Button variant="outline" onClick={() => navigate("/admin/advertisements/archived")}>
+                                <Archive className="size-4" />
+                                Archived
+                            </Button>
+                            <Button onClick={() => navigate("/admin/advertisements/add")}>
+                                <Plus className="size-4" />
+                                New advertisement
+                            </Button>
+                        </div>
                     </div>
 
                     {/* ── Stat cards ─────────────────────────────────────────────── */}

src/modules/admin/pages/advertisements/ArchivedAdvertisementList.jsx

@@ -0,0 +1,26 @@
+import { House } from "lucide-react";
+
+import AppBreadcrumb from "@/components/generic/Breadcrumb/AppBreadcrumb";
+import ArchivedAdvertisementsTable from "../../components/advertisements/ArchivedAdvertisementsTable";
+
+export default function ArchivedAdvertisementList() {
+    const items = [
+        { label: "Home", icon: <House className="size-4" />, to: `/admin` },
+        { label: "Advertisements", to: `/admin/advertisements` },
+        { label: "Archived" },
+    ];
+
+    return (
+        <section className="bg-muted h-full">
+            <div className="lg:container lg:mx-auto lg:px-0 flex flex-col items-start px-4">
+                <div className="flex flex-col gap-2 my-6">
+                    <AppBreadcrumb items={items} />
+                </div>
+
+                <div className="w-full">
+                    <ArchivedAdvertisementsTable />
+                </div>
+            </div>
+        </section>
+    );
+}