Enhance UI consistency in House components: Replace SectionTitle with styled headings in HouseCard, HouseManagement, and HousesSection for improved visual hierarchy and readability. Update styles for better alignment and user experience.

components/houses/HousesSection.tsx

@@ -165,13 +165,17 @@ export default function HousesSection({
           <>
             {invitations.length > 0 && (
               <Card className="p-4 sm:p-6">
-                <SectionTitle>Mes Invitations</SectionTitle>
+                <h2 className="text-lg sm:text-xl font-bold mb-4" style={{ color: "var(--foreground)" }}>
+                  Mes Invitations
+                </h2>
                 <InvitationList invitations={invitations} onUpdate={handleUpdate} />
               </Card>
             )}
 
             <Card className="p-4 sm:p-6">
-              <SectionTitle>Ma Maison</SectionTitle>
+              <h2 className="text-lg sm:text-xl font-bold mb-4" style={{ color: "var(--foreground)" }}>
+                Ma Maison
+              </h2>
               {myHouse ? (
                 <HouseManagement
                   house={myHouse}
@@ -209,7 +213,9 @@ export default function HousesSection({
         )}
 
         <Card className="p-4 sm:p-6">
-          <SectionTitle>Toutes les Maisons</SectionTitle>
+          <h2 className="text-lg sm:text-xl font-bold mb-4" style={{ color: "var(--foreground)" }}>
+            Toutes les Maisons
+          </h2>
           <div className="mb-4">
             <Input
               placeholder="Rechercher une maison..."