Align auction page elements for consistent layout

Update the main content wrapper in `Auctions.tsx` to use `max-w-7xl` and `mx-auto` for centering, and adjust padding to ensure consistent alignment with other page elements.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: aabe2db1-f078-4501-aab5-be145ebc6b9a
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/aabe2db1-f078-4501-aab5-be145ebc6b9a/TqVS1Ec

.replit

@@ -18,6 +18,10 @@ externalPort = 80
 localPort = 34047
 externalPort = 3002
 
+[[ports]]
+localPort = 36309
+externalPort = 5173
+
 [[ports]]
 localPort = 37531
 externalPort = 3001
@@ -26,6 +30,10 @@ externalPort = 3001
 localPort = 38387
 externalPort = 3003
 
+[[ports]]
+localPort = 41465
+externalPort = 5000
+
 [[ports]]
 localPort = 43349
 externalPort = 3000

client/src/pages/Auctions.tsx

@@ -409,7 +409,8 @@ export default function Auctions() {
         </div>
       </header>
 
-      <main className="flex-1 px-6 py-3 pb-32 w-full">
+      <main className="flex-1 w-full">
+        <div className="max-w-7xl mx-auto px-4 py-3 pb-32">
           {/* Auction Explanation */}
           <div className="mb-4">
             <Card>
@@ -509,6 +510,7 @@ export default function Auctions() {
               })}
             </div>
           )}
+        </div>
       </main>
 
       {/* Bid Modal */}