fix: patient form/view field order, sync nav visibility, and backup 504

resources/views/livewire/settings-dropdown.blade.php

@@ -1,6 +1,8 @@
 <div
     class="flex items-center gap-1"
+    @can('View:SyncPage')
     x-init="if (['/admin', '/admin/'].includes(window.location.pathname)) $wire.checkPeerStatus()"
+    @endcan
 >
 
     @can('View:SyncPage')
@@ -27,7 +29,6 @@ class="flex items-center justify-center w-9 h-9 rounded-lg text-gray-500 hover:t
         </span>
     </button>
 
-    @can('View:SyncPage')
     <div
         class="relative"
         x-data="{
@@ -110,6 +111,7 @@ class="flex items-center justify-center w-9 h-9 rounded-lg text-gray-500 hover:t
             class="absolute inset-s-0 mt-1 w-52 rounded-xl bg-white dark:bg-gray-800 shadow-lg ring-1 ring-gray-200 dark:ring-gray-700 z-50 py-1"
             style="display:none"
         >
+            @can('View:SyncPage')
             <button
                 type="button"
                 @click="confirmSync()"
@@ -127,6 +129,7 @@ class="flex items-center gap-3 px-4 py-2.5 text-sm text-gray-700 dark:text-gray-
                 <x-heroicon-o-document-magnifying-glass class="w-4 h-4 text-info-500 shrink-0" />
                 {{ __('navigation.sync.details') }}
             </a>
+            @endcan
 
             <a
                 href="{{ route('backup.download') }}"
@@ -138,6 +141,7 @@ class="flex items-center gap-3 px-4 py-2.5 text-sm text-gray-700 dark:text-gray-
             </a>
         </div>
 
+        @can('View:SyncPage')
         <template x-teleport="body">
             <div
                 x-show="showConfirm"
@@ -236,8 +240,8 @@ class="px-4 py-2 text-sm font-medium text-white rounded-lg transition"
                 </div>
             </div>
         </template>
+        @endcan
 
     </div>
-    @endcan
 
-</div>
+</div>