Fix issue sonarlint and edit layout sidebar

resources/views/components/modals/alert-modal.blade.php

@@ -5,8 +5,8 @@
     x-on:open-modal.window="if ($event.detail.name === name) { showModal = true; message = $event.detail.message; status = $event.detail.status; }"
     x-on:close-modal.window="showModal = false" style="display: none">
     <div>
-        <div class="fixed inset-0 z-[100] flex flex-col items-center justify-center overflow-hidden px-4 py-6 sm:px-5"
-            x-show="showModal" role="dialog" @keydown.window.escape="showModal = false">
+        <dialog class="fixed inset-0 z-[100] flex flex-col items-center justify-center overflow-hidden px-4 py-6 sm:px-5 w-full h-full bg-transparent"
+            x-show="showModal" @keydown.window.escape="showModal = false">
             <div class="absolute inset-0 bg-slate-900/60 transition-opacity duration-300" @click="showModal = false"
                 x-show="showModal" x-transition:enter="ease-out" x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100" x-transition:leave="ease-in" x-transition:leave-start="opacity-100"
@@ -45,6 +45,6 @@
                     </button>
                 </div>
             </div>
-        </div>
+        </dialog>
     </div>
 </div>

resources/views/components/sidebar.blade.php

 <div class="h-full text-white bg-main-container w-80 p-4 transition-all duration-300 overflow-y" x-data="{ activeLink: window.location.pathname }">
     <div class="rounded-2xl p-3 bg-white w-full mb-2">
         <ul >
-            <li class="mb-1 flex justify-between">
-                <a href="/" class="text-black block py-1 px-4 rounded text-xl">Spn Patch</a>
+            <li class="flex justify-between">
+                <a href="/" class="text-black block py-1 px-4 rounded text-xl">SPN Patch</a>
                 <button @click="sidebarOpen = false; if (!sidebarOpen) setTimeout(() => showSidebarButton = true, 400)" class="mb-4 pt-1 focus:outline-none">
                     <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="black" viewBox="0 0 24 24"
                         stroke="black">
@@ -11,10 +11,10 @@
                     </svg>
                 </button>
             </li>
-            <li class="mb-1">
+            <!-- <li class="mb-1">
                 <a href="#" class="block py-1 px-4 rounded hover:primary-focus text-black"> 
-                    <i aria-hidden="true" class="fa fa-home mx-2"></i>Home</a>
-            </li>
+                    <i aria-hidden="true" class="fa fa-home mr-2"></i>Home</a>
+            </li> -->
             
         </ul>
     </div>
@@ -148,7 +148,7 @@
         <div x-data="{ open: false, timer: null }" @click.away="open = false" @mouseenter="open = true; clearTimeout(timer)"
             @mouseleave="timer = setTimeout(() => open = false, 100)"
             class="relative px-2 py-1 rounded text-gray-700 hover:bg-primary-focus hover:text-white cursor-pointer">
-            <i aria-hidden="true" class="fa fa-user" aria-hidden="true"></i>
+            <i aria-hidden="true" class="fa fa-user mr-2" aria-hidden="true"></i>
             <span>Hello, {{ $userName ?? '' }}</span>
             <ul x-cloak x-show="open" @click="open = false" @mouseleave="open = false"
                 class="absolute left-0 mt-2 w-32 bg-white shadow-lg">