Improve invitation page header hierarchy

- Move personalized invitation heading above group avatar and Private Group tag
- Creates better visual flow: purpose first, then supporting visual context
- Added mb: 3 spacing between heading and group info

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

src/pages/InvitationPage.tsx

@@ -225,6 +225,24 @@ const InvitationPage = () => {
 
       {/* Header */}
       <Box sx={{ textAlign: 'center', mb: 4 }}>
+        {isGroupInvite && (
+          <Typography variant="h3" component="h1" gutterBottom sx={{ mb: 3 }}>
+            {personalizedInvite.inviteeName
+              ? `Invite ${personalizedInvite.inviteeName} to ${group?.name}`
+              : `Invite to ${group?.name}`
+            }
+          </Typography>
+        )}
+        
+        {!isGroupInvite && (
+          <Typography variant="h3" component="h1" gutterBottom>
+            {personalizedInvite.inviteeName 
+              ? `Invite ${personalizedInvite.inviteeName} to Your Network`
+              : 'Invite to Your Network'
+            }
+          </Typography>
+        )}
+        
         {isGroupInvite && group && (
           <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 2, mb: 2 }}>
             <Avatar
@@ -249,24 +267,6 @@ const InvitationPage = () => {
           </Box>
         )}
         
-        {!isGroupInvite && (
-          <Typography variant="h3" component="h1" gutterBottom>
-            {personalizedInvite.inviteeName 
-              ? `Invite ${personalizedInvite.inviteeName} to Your Network`
-              : 'Invite to Your Network'
-            }
-          </Typography>
-        )}
-        
-        {isGroupInvite && (
-          <Typography variant="h3" component="h1" gutterBottom>
-            {personalizedInvite.inviteeName
-              ? `Invite ${personalizedInvite.inviteeName} to ${group?.name}`
-              : `Invite to ${group?.name}`
-            }
-          </Typography>
-        )}
-        
       </Box>
 
       <Grid container spacing={4}>