                    <div class="my-3 flex items-center gap-4">
                      <i class="h-8 text-slate-600 dark:text-slate-300" data-feather="facebook"></i>
                      <div>
                        <h5 class="text-sm font-medium text-slate-700 dark:text-slate-300">Facebook</h5>
                        <a href="#" class="cursor-not-allowed">
                          <p class="text-sm font-normal text-slate-400">Not connected</p>
                        </a>
                      </div>
   