Changes in Attendance tab.

1. Filter the view to show only "Today's" attendance.
2. Display today's date prominently above the names in that tab.

src/components/Project/AboutProject.jsx

@@ -12,7 +12,7 @@ const AboutProject = ({ data }) => {
             <small className="card-text text-uppercase text-muted small">
               Profile
             </small>
-            <ul className="list-unstyled my-3 py-1">
+            <ul className="list-unstyled my-3">
               <li className="d-flex align-items-center mb-4">
                 <i className="bx bx-check"></i>
                 <span className="fw-medium mx-2">Start Date:</span>{" "}
@@ -41,27 +41,17 @@ const AboutProject = ({ data }) => {
                 <span className="fw-medium mx-2">Contact:</span>{" "}
                 <span>{data.contactPerson}</span>
               </li>
-              <li className="d-flex align-items-center mb-4">
+              <li className="d-flex flex-column align-items-start mb-4">
+                <div className="d-flex align-items-center">
                   <i className="bx bx-flag"></i>
-                <span className="fw-medium mx-2">Address:</span>{" "}
+                  <span className="fw-medium mx-2">Address:</span>
-              </li>
+                  {data.projectAddress?.length <= 20 && (
-            </ul>
-            {/* <small className="card-text text-uppercase text-muted small">
-              Contacts
-            </small> */}
-            <ul className="list-unstyled my-3 py-1">
-             
-              {/* <li className="d-flex align-items-center mb-4">
-                <i className="bx bx-phone"></i>
-                <span className="fw-medium mx-2">Contact Number:</span>{" "}
-                <span>NA</span>
-              </li> */}
-              {/* <li className="d-flex align-items-center mb-4">
-                <i className="bx bx-envelope"></i>
-                <span className="fw-medium mx-2">Email:</span> <span>NA</span>
-              </li> */}          
-              <li className="d-flex align-items-start test-start mb-4">
                     <span>{data.projectAddress}</span>
+                  )}
+                </div>
+                {data.projectAddress?.length > 20 && (
+                  <div className="ms-4 text-start">{data.projectAddress}</div>
+                )}
               </li>
             </ul>
           </div>

src/pages/Activities/AttendancePage.jsx

@@ -161,6 +161,7 @@ const AttendancePage = () => {
               )}
             </div>
           </ul>
+          
           <ul className="nav nav-tabs" role="tablist">
             <li className="nav-item">
               <button
@@ -170,7 +171,7 @@ const AttendancePage = () => {
                 data-bs-toggle="tab"
                 data-bs-target="#navs-top-home"
               >
-                All
+                Today's
               </button>
             </li>
             <li className="nav-item">
@@ -217,6 +218,7 @@ const AttendancePage = () => {
               </>
             )}
             
+
             {activeTab === "logs" && (
               <div className="tab-pane fade show active py-0">
                 <AttendanceLog