code added

components/layout/sidebar.js

                         </li>
                         <li
                             className={
-                               ` align-items-center d-flex flex-column justify-content-center`
+                                `${  router.pathname == "/water"
+                                ? "active"
+                                : ""} align-items-center d-flex flex-column justify-content-center`
                             }
                         >
                             <Link href="/water">
                        
                         <li
                             className={
-                              `align-items-center d-flex flex-column justify-content-center`
+                                `${  router.pathname == "/services"
+                                ? "active"
+                                : ""} align-items-center d-flex flex-column justify-content-center`
                             }
                         >
                             <Link href="/services">

components/widget/InvoiceKPI.js

                                         <table className="table">
                                             <thead>
                                                 <tr>
-                                                    <th>
-                                                        <div className="form-check">
-                                                            <input
-                                                                className="form-check-input"
-                                                                type="checkbox"
-                                                                value=""
-                                                                id="flexCheckDefault"
-                                                            />
-                                                        </div>
-                                                    </th>
+                                                    
                                                     <th>Client</th>
                                                     <th>Amount</th>
                                                     <th>Status</th>
                                             </thead>
                                             <tbody>
                                                 <tr>
+                                                    
                                                     <td>
-                                                        <div className="form-check">
-                                                            <input
-                                                                className="form-check-input"
-                                                                type="checkbox"
-                                                                value=""
-                                                                id="flexCheckDefault"
-                                                            />
-                                                        </div>
-                                                    </td>
-                                                    <td>
-                                                        <img
-                                                            src="/images/avatar/1.jpg"
-                                                            alt=""
-                                                            width="30"
-                                                            className="me-2"
-                                                        />
+                                                        
                                                         Weston P. Thomas
                                                     </td>
                                                     <td>₹7000</td>
                                                     <td>February 16, 2021</td>
                                                 </tr>
                                                 <tr>
+                                                    
                                                     <td>
-                                                        <div className="form-check">
-                                                            <input
-                                                                className="form-check-input"
-                                                                type="checkbox"
-                                                                value=""
-                                                                id="flexCheckDefault"
-                                                            />
-                                                        </div>
-                                                    </td>
-                                                    <td>
-                                                        <img
-                                                            src="/images/avatar/2.jpg"
-                                                            alt=""
-                                                            width="30"
-                                                            className="me-2"
-                                                        />
+                                                       
                                                         William D. Gibson
                                                     </td>
                                                     <td>₹650</td>
 
                                                
                                                 <tr>
+                                                    
                                                     <td>
-                                                        <div className="form-check">
-                                                            <input
-                                                                className="form-check-input"
-                                                                type="checkbox"
-                                                                value=""
-                                                                id="flexCheckDefault"
-                                                            />
-                                                        </div>
+                                                      
+                                                        Terry P. Camacho
+                                                    </td>
+                                                    <td>₹465</td>
+                                                    <td>
+                                                        <span className="badge px-3 py-2 bg-danger">
+                                                            Cancel
+                                                        </span>
                                                     </td>
+                                                    <td>November 26, 2021</td>
+                                                </tr>
+
+                                                <tr>
+                                                    
                                                     <td>
-                                                        <img
-                                                            src="/images/avatar/5.jpg"
-                                                            alt=""
-                                                            width="30"
-                                                            className="me-2"
-                                                        />
+                                                      
                                                         Terry P. Camacho
                                                     </td>
                                                     <td>₹465</td>
                                                     </td>
                                                     <td>November 26, 2021</td>
                                                 </tr>
-
                                                 {num?<React.Fragment>
                                                     <tr>
+                                                   
                                                     <td>
-                                                        <div className="form-check">
-                                                            <input
-                                                                className="form-check-input"
-                                                                type="checkbox"
-                                                                value=""
-                                                                id="flexCheckDefault"
-                                                            />
-                                                        </div>
-                                                    </td>
-                                                    <td>
-                                                        <img
-                                                            src="/images/avatar/5.jpg"
-                                                            alt=""
-                                                            width="30"
-                                                            className="me-2"
-                                                        />
+                                                      
                                                         Terry P. Camacho
                                                     </td>
                                                     <td>₹645</td>

components/widget/PaymentAddKPI.js

                         </div>
                     </div>
 
-                    <div>
+                    <div className='pb-1'>
                     <button className='btn bg-primary br-btn'>Proceed</button>
                     </div>
 

pages/bill.js

             <Layout
                 headTitle="Payments"
                 pageTitle="Payments"
-                pageTitleSub={"Welcome Intez Payments page"}
+                pageTitleSub={""}
                 pageClass={"dashboard"}
                 parent={"Home"}
                 child={"Payments"}
                                             <p className="mb-0">
                                                 Amount to pay
                                             </p>
-                                            <h5 className="mb-0">$ 532.69</h5>
+                                            <h5 className="mb-0">₹ 532.69</h5>
                                         </li>
                                         <li>
                                             <p className="mb-0">

pages/invoice.js

                                                         </div>
                                                     </td>
                                                     <td>
-                                                        <img
-                                                            src="/images/avatar/1.jpg"
-                                                            alt=""
-                                                            width="30"
-                                                            className="me-2"
-                                                        />
+                                                      
                                                         Weston P. Thomas
                                                     </td>
                                                     <td>$254</td>
                                                         </div>
                                                     </td>
                                                     <td>
-                                                        <img
-                                                            src="/images/avatar/2.jpg"
-                                                            alt=""
-                                                            width="30"
-                                                            className="me-2"
-                                                        />
+                                                       
                                                         William D. Gibson
                                                     </td>
                                                     <td>$254</td>
                                                         </div>
                                                     </td>
                                                     <td>
-                                                        <img
-                                                            src="/images/avatar/3.jpg"
-                                                            alt=""
-                                                            width="30"
-                                                            className="me-2"
-                                                        />
+                                                       
                                                         John C. Adams
                                                     </td>
                                                     <td>$254</td>
                                                         </div>
                                                     </td>
                                                     <td>
-                                                        <img
-                                                            src="/images/avatar/4.jpg"
-                                                            alt=""
-                                                            width="30"
-                                                            className="me-2"
-                                                        />
+                                                       
                                                         John L. Foster
                                                     </td>
                                                     <td>$254</td>
                                                         </div>
                                                     </td>
                                                     <td>
-                                                        <img
-                                                            src="/images/avatar/5.jpg"
-                                                            alt=""
-                                                            width="30"
-                                                            className="me-2"
-                                                        />
+                                                       
                                                         Terry P. Camacho
                                                     </td>
                                                     <td>$254</td>