le notifications</switch-label>

                            <the-switch x-model="checked" x-scope="{ props }">
                                <button
                                x-spread="{ props }"
                                class="relative inline-flex flex-shrink-0 h-6 transition-colors duration-200 ease-in-out border-2 border-transparent rounded-full cursor-pointer w-11 focus:outline-none focus:ring"
                                :class="checked ? 'bg-indigo-600' : 'bg-gray-200'"
           