Improve category filtering and display on the homepage

Update `CategoryTabs` component to use capitalized category IDs and string literals. Modify `Home` page to initialize `selectedCategory` state with "People" and implement data fetching for media outlets based on the selected category. Add new image assets.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 069d4324-6c40-4355-955e-c714a50de1ea
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/069d4324-6c40-4355-955e-c714a50de1ea/M5z2Be5

client/src/pages/Home.tsx

@@ -11,10 +11,19 @@ import type { MediaOutlet, Auction } from "@shared/schema";
 
 export default function Home() {
   const { user } = useAuth();
-  const [selectedCategory, setSelectedCategory] = useState("people");
+  const [selectedCategory, setSelectedCategory] = useState("People");
 
   const { data: mediaOutlets = [], isLoading: outletsLoading } = useQuery<MediaOutlet[]>({
     queryKey: ["/api/media-outlets", selectedCategory],
+    queryFn: async () => {
+      const res = await fetch(`/api/media-outlets?category=${selectedCategory}`, {
+        credentials: "include",
+      });
+      if (!res.ok) {
+        throw new Error(`${res.status}: ${res.statusText}`);
+      }
+      return res.json();
+    },
   });
 
   const { data: auctions = [], isLoading: auctionsLoading } = useQuery<Auction[]>({