Align Sapiens logo with the "People" category on the left

Adjust padding and margin in Header and Footer components to align the Sapiens logo with the left side of the "People" category.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 930e9607-8d85-4ad9-8702-a48ff4cef074
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/930e9607-8d85-4ad9-8702-a48ff4cef074/cYvjJgC

.replit

@@ -38,6 +38,10 @@ externalPort = 3001
 localPort = 38387
 externalPort = 3003
 
+[[ports]]
+localPort = 40477
+externalPort = 6800
+
 [[ports]]
 localPort = 41425
 externalPort = 6000

client/src/components/Footer.tsx

@@ -5,10 +5,10 @@ export default function Footer() {
   
   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 pl-4 pr-6">
+        <div className="max-w-7xl mx-auto px-6">
           {/* Logo and Social Icons */}
           <div className="flex items-center justify-between">
-            <div className="flex items-center">
+            <div className="flex items-center -ml-2">
               <img 
                 src="/attached_assets/sapiens_white_logo.png" 
                 alt="SAPIENS" 

client/src/components/Header.tsx

@@ -49,9 +49,9 @@ export default function Header() {
   return (
     <>
       <header className="bg-white border-b border-gray-200 sticky top-0 z-50">
-        <div className="max-w-7xl mx-auto pl-4 pr-6 py-4">
+        <div className="max-w-7xl mx-auto px-6 py-4">
           <div className="flex items-center justify-between">
-            <div className="flex items-center">
+            <div className="flex items-center -ml-2">
               <a href="/" data-testid="logo-link">
                 <img 
                   src="/attached_assets/sapiens_black_logo.png"