style: change class using grid

Views/Shared/_Layout.cshtml

@@ -63,7 +63,7 @@
             </div>
 
             <!-- Mobile Menu Button -->
-            <div class="dropdown lg:hidden">
+            <div class="dropdown dropdown-bottom dropdown-end lg:hidden">
                 <div tabindex="0" role="button" class="btn btn-ghost">
                     <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16" />
@@ -102,7 +102,7 @@
                 </div>
 
                 <!-- Navigation Menu -->
-                <div class="flex justify-start items-center gap-8">
+                <div class="grid gap-8 grid-cols-4">
                     <a href="#" class="rounded-full flex justify-center items-center gap-2 hover:bg-green-800/20 px-4 py-2 transition-colors">
                         <div class="text-white text-base font-semibold font-jakarta leading-normal">Beranda</div>
                     </a>