Remove unnecessary alignment properties from MainPageLayout: Simplified layout code by eliminating redundant alignItems settings for better readability and maintainability.

src/components/MainPageLayout.js

@@ -129,11 +129,6 @@ const MainPageLayout = () => {
         flexDirection: { 
           xs: "column", 
           sm: "row" 
-        },
-        // Portrait phone: center align when stacked
-        alignItems: { 
-          xs: "center", 
-          sm: "center" 
         }
       }}>
         {/* Title for portrait phones - shown first */}