Update website logos and prioritize specific media outlets in lists

Replace all instances of the old logo with a new one across various components and pages, and implement logic to pin the 'Mohamed Salah' media outlet to the top of the 'People' category list.

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/uLfJUnK

.replit

@@ -18,6 +18,10 @@ externalPort = 80
 localPort = 34047
 externalPort = 3002
 
+[[ports]]
+localPort = 34469
+externalPort = 6800
+
 [[ports]]
 localPort = 36309
 externalPort = 5173
@@ -34,10 +38,6 @@ externalPort = 5000
 localPort = 37531
 externalPort = 3001
 
-[[ports]]
-localPort = 38385
-externalPort = 6800
-
 [[ports]]
 localPort = 38387
 externalPort = 3003

client/src/components/Footer.tsx

@@ -10,7 +10,7 @@ export default function Footer() {
           <div className="flex items-center justify-between mb-3">
             <div className="flex items-center">
               <img 
-                src="/attached_assets/Logo_main_1760515844283.png" 
+                src="/attached_assets/Logo_main_1760521151702.png" 
                 alt="SAPIENS" 
                 className="h-5 cursor-pointer hover:opacity-80 transition-opacity brightness-0 invert"
                 data-testid="footer-logo"

client/src/components/Header.tsx

@@ -54,7 +54,7 @@ export default function Header() {
             <div className="flex items-center">
               <a href="/" data-testid="logo-link">
                 <img 
-                  src="/attached_assets/Logo_main_1760515844283.png" 
+                  src="/attached_assets/Logo_main_1760521151702.png" 
                   alt="SAPIENS" 
                   className="h-6 w-auto"
                   data-testid="logo-sapiens"

client/src/components/LoginModal.tsx

@@ -71,7 +71,7 @@ export default function LoginModal({ isOpen, onClose }: LoginModalProps) {
           <DialogTitle className="flex items-center gap-2">
             <span>Login to</span>
             <img 
-              src="/attached_assets/Logo_main_1760515844283.png" 
+              src="/attached_assets/Logo_main_1760521151702.png" 
               alt="SAPIENS" 
               className="h-4 w-auto"
             />

client/src/components/MainContent.tsx

@@ -62,6 +62,12 @@ export default function MainContent() {
     );
     
     return filtered.sort((a, b) => {
+      // Pin Mohamed Salah to the top in People category
+      if (category.toLowerCase() === 'people') {
+        if (a.slug === 'mohamed-salah') return -1;
+        if (b.slug === 'mohamed-salah') return 1;
+      }
+      
       const aHasArticles = (articleCountByOutlet[a.id] || 0) > 0;
       const bHasArticles = (articleCountByOutlet[b.id] || 0) > 0;
       

client/src/pages/AdminDashboard.tsx

@@ -132,7 +132,7 @@ export default function AdminDashboard() {
           <div className="flex items-center justify-between">
             <div className="flex items-center space-x-4">
               <img 
-                src="/attached_assets/Logo_main_1760515844283.png" 
+                src="/attached_assets/Logo_main_1760521151702.png" 
                 alt="SAPIENS" 
                 className="h-6 w-auto hover:opacity-80 transition-opacity cursor-pointer"
                 data-testid="logo-sapiens"

client/src/pages/Article.tsx

@@ -241,7 +241,7 @@ export default function Article() {
                 <div className="pl-10 pr-16 py-1.5 bg-gray-50 border border-gray-200 rounded-md flex items-center space-x-2 hover:bg-gray-100 transition-colors">
                   <span className="text-sm text-gray-500">search in</span>
                   <img 
-                    src="/attached_assets/Logo_main_1760515844283.png" 
+                    src="/attached_assets/Logo_main_1760521151702.png" 
                     alt="SAPIENS" 
                     className="h-2 w-auto"
                   />

client/src/pages/AuctionGuide.tsx

@@ -25,7 +25,7 @@ export default function AuctionGuide() {
           <div className="flex items-center justify-between">
             <Link href="/">
               <img 
-                src="/attached_assets/Logo_main_1760515844283.png" 
+                src="/attached_assets/Logo_main_1760521151702.png" 
                 alt="SAPIENS" 
                 className="h-5 w-auto cursor-pointer"
                 data-testid="logo-sapiens"

client/src/pages/Auctions.tsx

@@ -237,7 +237,7 @@ export default function Auctions() {
             <div className="flex items-center gap-4">
               <Link href="/">
                 <img 
-                  src="/attached_assets/Logo_main_1760515844283.png" 
+                  src="/attached_assets/Logo_main_1760521151702.png" 
                   alt="SAPIENS" 
                   className="h-5 w-auto cursor-pointer"
                   data-testid="logo-sapiens"

client/src/pages/Community.tsx

@@ -159,7 +159,7 @@ export default function Community() {
             
             <div className="flex items-center space-x-4">
               <img 
-                src="/attached_assets/Logo_main_1760515844283.png" 
+                src="/attached_assets/Logo_main_1760521151702.png" 
                 alt="SAPIENS" 
                 className="h-4 w-auto cursor-pointer opacity-60 hover:opacity-100 transition-opacity"
                 onClick={() => setLocation("/")}

client/src/pages/Home.tsx

@@ -99,7 +99,7 @@ export default function Home() {
           <div className="flex items-center justify-between">
             <div className="flex items-center">
               <img 
-                src="/attached_assets/Logo_main_1760520090009.png" 
+                src="/attached_assets/Logo_main_1760521151702.png" 
                 alt="SAPIENS" 
                 className="h-5 w-auto cursor-pointer"
                 data-testid="logo-sapiens"
@@ -117,7 +117,7 @@ export default function Home() {
                 <div className="pl-10 pr-16 py-1.5 bg-gray-50 border border-gray-200 rounded-md flex items-center space-x-2 hover:bg-gray-100 transition-colors">
                   <span className="text-sm text-gray-500">search in</span>
                   <img 
-                    src="/attached_assets/Logo_main_1760520090009.png" 
+                    src="/attached_assets/Logo_main_1760521151702.png" 
                     alt="SAPIENS" 
                     className="h-2 w-auto"
                   />

client/src/pages/Landing.tsx

@@ -132,7 +132,7 @@ export default function Landing() {
           <div className="flex items-center justify-between">
             <div className="flex items-center">
               <img 
-                src="/attached_assets/Logo_main_1760520090009.png" 
+                src="/attached_assets/Logo_main_1760521151702.png" 
                 alt="SAPIENS" 
                 className="h-6 w-auto"
                 data-testid="logo-sapiens"
@@ -148,7 +148,7 @@ export default function Landing() {
                 <div className="pl-10 pr-16 py-1.5 bg-gray-50 border border-gray-200 rounded-md flex items-center space-x-2 hover:bg-gray-100 transition-colors">
                   <span className="text-sm text-gray-500">search in</span>
                   <img 
-                    src="/attached_assets/Logo_main_1760520090009.png" 
+                    src="/attached_assets/Logo_main_1760521151702.png" 
                     alt="SAPIENS" 
                     className="h-2 w-auto"
                   />

client/src/pages/MediaOutlet.tsx

@@ -238,7 +238,7 @@ export default function MediaOutlet() {
                 <div className="pl-10 pr-16 py-1.5 bg-gray-50 border border-gray-200 rounded-md flex items-center space-x-2 hover:bg-gray-100 transition-colors">
                   <span className="text-sm text-gray-500">search in</span>
                   <img 
-                    src="/attached_assets/Logo_main_1760515844283.png" 
+                    src="/attached_assets/Logo_main_1760521151702.png" 
                     alt="SAPIENS" 
                     className="h-2 w-auto"
                   />

client/src/pages/Report.tsx

@@ -507,7 +507,7 @@ export default function Report() {
                 <div className="pl-10 pr-16 py-1.5 bg-gray-50 border border-gray-200 rounded-md flex items-center space-x-2 hover:bg-gray-100 transition-colors">
                   <span className="text-sm text-gray-500">search in</span>
                   <img 
-                    src="/attached_assets/Logo_main_1760515844283.png" 
+                    src="/attached_assets/Logo_main_1760521151702.png" 
                     alt="SAPIENS" 
                     className="h-2 w-auto"
                   />