Adds loader

src/routes/_authenticated/campaigns.index.tsx

@@ -2,6 +2,7 @@ import { createFileRoute } from "@tanstack/react-router";
 import { pb } from "@/lib/pocketbase";
 import type { Campaign } from "@/lib/types";
 import { Link } from "@tanstack/react-router";
+import { Loader } from "@/components/Loader";
 
 export const Route = createFileRoute("/_authenticated/campaigns/")({
   loader: async () => {
@@ -9,6 +10,7 @@ export const Route = createFileRoute("/_authenticated/campaigns/")({
     return { campaigns: records.map((rec: any) => ({ id: rec.id, name: rec.name })) as Campaign[] };
   },
   component: RouteComponent,
+  pendingComponent: Loader,
 });
 
 function RouteComponent() {