added spacing

frontend/src/pages/Profile.tsx

@@ -608,7 +608,7 @@ const Profile: React.FC = () => {
   }
 
   return (
-    <div className="container mt-4">
+    <div className="container mt-4 mb-5">
       <h1 className="mb-4">Profile</h1>
 
       {error && (
@@ -664,33 +664,6 @@ const Profile: React.FC = () => {
                 <i className="bi bi-person me-2"></i>
                 Personal Information
               </button>
-              <button
-                className={`list-group-item list-group-item-action ${
-                  activeSection === "notifications" ? "active" : ""
-                }`}
-                onClick={() => setActiveSection("notifications")}
-              >
-                <i className="bi bi-bell me-2"></i>
-                Notification Settings
-              </button>
-              <button
-                className={`list-group-item list-group-item-action ${
-                  activeSection === "privacy" ? "active" : ""
-                }`}
-                onClick={() => setActiveSection("privacy")}
-              >
-                <i className="bi bi-shield-lock me-2"></i>
-                Privacy & Security
-              </button>
-              <button
-                className={`list-group-item list-group-item-action ${
-                  activeSection === "payment" ? "active" : ""
-                }`}
-                onClick={() => setActiveSection("payment")}
-              >
-                <i className="bi bi-credit-card me-2"></i>
-                Payment Methods
-              </button>
               <button
                 className="list-group-item list-group-item-action text-danger"
                 onClick={logout}
@@ -804,12 +777,6 @@ const Profile: React.FC = () => {
                             {profileData?.firstName} {profileData?.lastName}
                           </h5>
                           <p className="text-muted">@{profileData?.username}</p>
-                          {profileData?.isVerified && (
-                            <span className="badge bg-success mb-3">
-                              <i className="bi bi-check-circle-fill"></i>{" "}
-                              Verified
-                            </span>
-                          )}
                           <div>
                             <button
                               type="button"
@@ -1431,33 +1398,6 @@ const Profile: React.FC = () => {
               </div>
             </div>
           )}
-
-          {/* Placeholder sections for other menu items */}
-          {activeSection === "notifications" && (
-            <div>
-              <h4 className="mb-4">Notification Settings</h4>
-              <div className="card">
-                <div className="card-body">
-                  <p className="text-muted">
-                    Notification preferences coming soon...
-                  </p>
-                </div>
-              </div>
-            </div>
-          )}
-
-          {activeSection === "privacy" && (
-            <div>
-              <h4 className="mb-4">Privacy & Security</h4>
-              <div className="card">
-                <div className="card-body">
-                  <p className="text-muted">
-                    Privacy and security settings coming soon...
-                  </p>
-                </div>
-              </div>
-            </div>
-          )}
         </div>
       </div>
 

frontend/src/pages/PublicProfile.tsx

@@ -63,7 +63,7 @@ const PublicProfile: React.FC = () => {
   }
 
   return (
-    <div className="container mt-4">
+    <div className="container mt-4 mb-5">
       <div className="row justify-content-center">
         <div className="col-md-8">
           <div className="card">
@@ -86,11 +86,6 @@ const PublicProfile: React.FC = () => {
                 )}
                 <h3>{user.firstName} {user.lastName}</h3>
                 <p className="text-muted">@{user.username}</p>
-                {user.isVerified && (
-                  <span className="badge bg-success">
-                    <i className="bi bi-check-circle-fill"></i> Verified User
-                  </span>
-                )}
                 {currentUser && currentUser.id !== user.id && (
                   <button 
                     className="btn btn-primary mt-3"