Refactor layout components to remove unnecessary min-height and improve responsiveness

src/App.tsx

@@ -39,7 +39,7 @@ import React, { useState } from 'react';
         switch (currentPage) {
           case 'home':
             return (
-              <div className="min-h-screen bg-gray-900 text-white p-3 sm:p-6 md:pt-16 pb-16 md:pb-0 animate-fade-in">
+              <div className="bg-gray-900 text-white p-3 sm:p-6 animate-fade-in">
                 <div className="max-w-7xl mx-auto">
                   <h1 className="text-2xl md:text-3xl font-bold mb-4 md:mb-6 animate-slide-in-left">My Decks</h1>
                   <DeckList onDeckEdit={handleDeckEdit} />
@@ -76,7 +76,7 @@ import React, { useState } from 'react';
       return (
         <div className="min-h-screen bg-gray-900">
           <Navigation currentPage={currentPage} setCurrentPage={setCurrentPage} />
-          {renderPage()}
+            {renderPage()}
           <PWAInstallPrompt />
         </div>
       );