fix: positioning approaching for dropdown menu

src/app/components/NavBar.module.css

@@ -13,6 +13,7 @@
 
 .navItem {
   margin-left: 1rem;
+  position: relative;
 }
 
 .navLink {
@@ -32,13 +33,15 @@
 .dropdownMenuOpen {
   position: absolute;
   display: block;
-  top: 3.25rem;
-  right: 11.75rem;
   padding: 0.5rem 2rem;
   z-index: 100;
   box-shadow: 0 0 2px 0.2px #05254a;
   border-radius: 0.25rem;
   background-color: #0b3766;
+  white-space: nowrap;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, 50%);
 }
 
 .dropdownMenuOpen::before {

src/app/components/NavBar.tsx

@@ -34,7 +34,7 @@ function NavbarDropdown() {
             viewBox="0 0 16 16"
           >
             <path
-              fill-rule="evenodd"
+              fillRule="evenodd"
               d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"
             />
           </svg>
@@ -48,7 +48,7 @@ function NavbarDropdown() {
             viewBox="0 0 16 16"
           >
             <path
-              fill-rule="evenodd"
+              fillRule="evenodd"
               d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"
             />
           </svg>