Ensure all pages maintain a consistent size, even when there's less data to display.

src/components/Activities/AttendcesLogs.jsx

@@ -234,7 +234,7 @@ const AttendanceLog = ({
       </div>
       <div
         className="table-responsive text-nowrap"
-        style={{ minHeight: "200px" }}
+        style={{ minHeight: "200px", display: 'flex', alignItems: 'center', justifyContent: 'center' }}
       >
         {data && data.length > 0 && (
           <table className="table mb-0">
@@ -332,7 +332,7 @@ const AttendanceLog = ({
           </table>
         )}
         {!loading && !isRefreshing && data.length === 0 && (
-          <span>No employee logs</span>
+         <span className="text-muted">No employee logs</span>
         )}
         {/* {error && !loading && !isRefreshing && (
           <tr>