Enable navigation to home page via footer logo and filter media outlets by category

Update Footer component to navigate to home page on logo click. Modify MainContent to filter and display media outlets by "People", "Topics", and "Companies" categories, with a two-column layout. Adjust MediaOutlet page to display articles in a two-column layout when not in grid view.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9a264234-c5d7-4dcc-adf3-a954b149b30d
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/9a264234-c5d7-4dcc-adf3-a954b149b30d/IfFFLfD

client/src/components/Footer.tsx

@@ -1,6 +1,9 @@
 import logoWhite from "@assets/logo_white_1759167910147.png";
+import { useLocation } from "wouter";
 
 export default function Footer() {
+  const [, setLocation] = useLocation();
+  
   return (
     <footer className="fixed bottom-0 left-0 right-0 bg-gray-900 border-t border-gray-700 z-40">
         <div className="max-w-7xl mx-auto px-4 py-4">
@@ -10,8 +13,9 @@ export default function Footer() {
               <img 
                 src={logoWhite} 
                 alt="SAPIENS" 
-                className="h-5"
+                className="h-5 cursor-pointer hover:opacity-80 transition-opacity"
                 data-testid="footer-logo"
+                onClick={() => setLocation("/")}
               />
             </div>
             <div className="flex items-center">