Reduce spacing to improve the look of the community section

Decreased the margin-bottom in the CommunitySection component from mb-16 to mb-8, mb-12 to mb-6, and removed mt-12 div in community-section.tsx.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d004b9e1-f9be-46e2-acda-f440ccd644a9
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/934ff554-d274-403e-9111-7d8ef5dc312a.jpg

client/src/components/community/community-section.tsx

@@ -44,22 +44,20 @@ export function CommunitySection() {
   return (
     <section className="py-20" style={{ backgroundColor: 'rgba(157, 94, 155, 0.1)' }}>
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-        <div className="text-center mb-16">
+        <div className="text-center mb-8">
           <h2 className="text-3xl md:text-4xl font-playfair font-semibold text-gray-800 mb-4">
             Join the Pilates with Fadia Community
           </h2>
-          <p className="max-w-3xl mx-auto text-gray-600 mb-12">
+          <p className="max-w-3xl mx-auto text-gray-600 mb-6">
             I curate a growing community of like-minded individuals committed to health, wellness, and positive growth.
           </p>
-          
-
         </div>
         
         {/* Testimonials moved to a separate section */}
         
         {/* Whiteboard removed from homepage and moved to community page */}
         
-        <div className="text-center mt-12">
+        <div className="text-center">
           <Link to="/auth">
             <button className="px-8 py-3 bg-rose text-white font-bold rounded-full hover:bg-opacity-90 transition duration-300 shadow-md">
               {user ? "Access Community Dashboard" : "Join My Community"}