removed console warning

src/components/Dashboard/CollectionOverview.jsx

@@ -78,7 +78,7 @@ const CollectionOverview = ({ data, isLoading }) => {
     tooltip: {
       custom: ({ series, seriesIndex, dataPointIndex }) => {
         return `
-          <div class="px-2 py-1">
+          <div className="px-2 py-1">
             <strong>${labels[dataPointIndex]}</strong><br>
             ₹${series[seriesIndex][dataPointIndex].toLocaleString()}
           </div>
@@ -235,7 +235,7 @@ export const TopicBarChart = ({ data,isLoading }) => {
       enabled: true,
       custom: ({ series, seriesIndex, dataPointIndex }) => {
         return `
-          <div class="px-3 py-2">
+          <div className="px-3 py-2">
             <span>₹${series[seriesIndex][
               dataPointIndex
             ].toLocaleString()}</span>
@@ -256,8 +256,8 @@ export const TopicBarChart = ({ data,isLoading }) => {
   return (
     <div className="row p-2">
       <div className="col-md-8">
-        <div class="card-header d-flex align-items-center justify-content-between">
+        <div className="card-header d-flex align-items-center justify-content-between">
-          <h5 class="card-title m-0 me-2">Collection Overview</h5>
+          <h5 className="card-title m-0 me-2">Collection Overview</h5>
         </div>
         <div className="w-100 d-flex align-items-center text-start px-6">
           <p className="text-secondary fs-6 m-0">Due Amount</p>
@@ -274,7 +274,7 @@ export const TopicBarChart = ({ data,isLoading }) => {
       </div>
 
       <div className="col-md-4 d-flex flex-column gap-2">
-        <div class="card-header d-flex align-items-end justify-content-between"></div>
+        <div className="card-header d-flex align-items-end justify-content-between"></div>
         <div className="p-1  m-1 text-start">
           <small className="fw-medium">Overdue Days</small>
         </div>

src/components/Layout/Sidebar.jsx

@@ -25,10 +25,6 @@ const Sidebar = () => {
             />
           </span> */}
 
-          <a
-            href="/"
-            className="app-brand-link d-flex align-items-center gap-1 fw-bold navbar-brand "
-          >
           <span className="app-brand-logo demo d-flex align-items-center">
             <img
               src="/img/brand/marco.png"
@@ -43,7 +39,6 @@ const Sidebar = () => {
             <span className="mx-1">Work</span>
             <span className="text-dark">.com</span>
           </span>
-          </a>
         </Link>
 
         <small className="layout-menu-toggle menu-link text-large ms-auto cursor-pointer">

src/components/reports/report-dpr.jsx

@@ -42,8 +42,8 @@ const ReportDPR = ({ project, date }) => {
             footer=""
           />
 
-          <div class="card px-3 border-top border-warning">
+          <div className="card px-3 border-top border-warning">
-            <h4 class="reports-card-title">Attendance Pending Report</h4>
+            <h4 className="reports-card-title">Attendance Pending Report</h4>
             <p>Team member present</p>
             <div className="d-flex flex-column gap-2">
               <div className="d-flex justify-content-between">
@@ -70,7 +70,7 @@ const ReportDPR = ({ project, date }) => {
           <div className="reports-card">
             {/* {/* <!-- Row 1: Header */}
             <div>
-              <h4 class="reports-card-title">Team Strength on Site</h4>
+              <h4 className="reports-card-title">Team Strength on Site</h4>
             </div>
             <table style={{ width: "100%" }}>
               <tbody>
@@ -101,8 +101,8 @@ const ReportDPR = ({ project, date }) => {
               </tr>
             </thead>
             <tbody>
-              {data?.performedAttendance?.map((att) => (
+              {data?.performedAttendance?.map((att,index) => (
-                <tr>
+                <tr key={att.index + att.name}>
                   <td>{att.name}</td>
                   <td>{att.roleName}</td>
                   <td>{formatUTCToLocalTime(att.inTime, true)}</td>