           <li
                        class="flex cursor-pointer gap-4 px-4 py-3 transition-colors duration-150 hover:bg-slate-100/70 dark:hover:bg-slate-700"
                      >
                        <div
                          class="flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-green-100 text-green-500"
                        >
                          <i data-feather="check-circle" width="20" height="20"></i>
                        </div>

                        