update: logout | update modal validation

src/resources/views/components/ui/sidebar.edge

@@ -95,13 +95,13 @@
             Logout
         @end
         @slot('content')
-          <div class="flex flex-col gap-2">
-            <p>Apakah yakin mau keluar?</p>
-            <div class="flex flex-row gap-2 justify-between">
-              <button class="bg-red-500 text-white px-3 py-1 rounded-md hover:bg-red-600">Tidak</button>
-              <button type="button" onclick="logout()" class="bg-blue-500 text-white px-3 py-1 rounded-md hover:bg-blue-600" >Ya</button>
+          <div class="flex flex-col gap-y-2 text-center">
+            <h1 class="text-sm text-red-700">Are you sure you want to logout?</h1>
+            <div class="flex flex-row gap-x-2">
+                <button type="button" onclick="logout()" class="shadow-md py-2 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg border border-transparent bg-red-300 text-red-800 hover:bg-red-400 focus:outline-none focus:bg-red-200 disabled:opacity-50 disabled:pointer-events-none text-center w-full justify-center">Yes</button>
+                <button type="button" @click="modalOpen=false" class="shadow-md py-2 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg border border-transparent bg-blue-300 text-blue-800 hover:bg-blue-400 focus:outline-none focus:bg-blue-200 disabled:opacity-50 disabled:pointer-events-none text-center w-full justify-center">No</button>
             </div>
-          </div>
+        </div>
         @end
       @end
     </div>