UI updation in Attendance Toady's and Regularization tab.

src/components/Activities/Attendance.jsx

@@ -113,6 +113,7 @@ const Attendance = ({ getRole, handleModalData, searchTerm, projectId, organizat
 
   return (
     <>
+      <div>
         <div
           className="table-responsive text-nowrap h-100"
           style={{ minHeight: "200px" }}   // Ensures fixed height
@@ -228,14 +229,7 @@ const Attendance = ({ getRole, handleModalData, searchTerm, projectId, organizat
               </table>
 
 
-            {!loading && finalFilteredData.length > ITEMS_PER_PAGE && (
 
-              <Pagination
-                currentPage={currentPage}
-                totalPages={totalPages}
-                onPageChange={paginate}
-              />
-            )}
             </>
           ) : (
             <div
@@ -250,6 +244,14 @@ const Attendance = ({ getRole, handleModalData, searchTerm, projectId, organizat
             </div>
           )}
         </div>
+        {!loading && finalFilteredData.length > ITEMS_PER_PAGE && (
+          <Pagination
+            currentPage={currentPage}
+            totalPages={totalPages}
+            onPageChange={paginate}
+          />
+        )}
+      </div>
     </>
   );
 };

src/components/Activities/Regularization.jsx

@@ -132,6 +132,7 @@ useEffect(() => {
 
 
   return (
+    <div>
       <div className="table-responsive text-nowrap pb-4" style={{ minHeight: "200px" }}>
         {loading ? (
           <div className="d-flex justify-content-center align-items-center" style={{ height: "200px" }}>
@@ -227,6 +228,7 @@ useEffect(() => {
             </span>
           </div>
         )}
+      </div>
         {!loading && totalPages > 1 && (
           <Pagination
             currentPage={currentPage}