changed position of text- Active and In-Active

src/components/Directory/ManageContact.jsx

@@ -472,10 +472,7 @@ const ManageContact = ({ contactId, closeModal }) => {
 
         {/* Actions */}
         <div className="d-flex justify-content-end gap-3 py-2">
-          <button className="btn btn-sm btn-primary" type="submit" disabled={isPending}>
+           <button
-            {isPending ? "Please Wait..." : "Submit"}
-          </button>
-          <button
             className="btn btn-sm btn-secondary"
             type="button"
             onClick={handleClosed}
@@ -483,6 +480,10 @@ const ManageContact = ({ contactId, closeModal }) => {
           >
             Cancel
           </button>
+          <button className="btn btn-sm btn-primary" type="submit" disabled={isPending}>
+            {isPending ? "Please Wait..." : "Submit"}
+          </button>
+         
         </div>
       </form>
     </FormProvider>

src/pages/Directory/DirectoryPage.jsx

@@ -201,7 +201,7 @@ export default function DirectoryPage({ IsPage = true, projectId=null }) {
                           className="form-check-label ms-2"
                           htmlFor="inactiveEmployeesCheckbox"
                         >
-                          {showActive ? "Inactive" : "Active"}
+                          {showActive ? "Active" : "Inactive" }
                         </label>
                       </div>
                     </div>