fix: dynamically adjust dropdown width to prevent text wrapping

Author: DevanjoyDas

components/Navbar/navbar.js

@@ -122,7 +122,7 @@ function Navbar() {
                                        <span className="after:absolute after:-bottom-1 after:right-1/2 after:w-0 after:transition-all after:h-0.5 after:bg-white after:group-hover:w-3/6"></span>
 										{show === link.title && link.subMenu && (
 											<div
-												className='subMenu absolute z-[9] mt-8 w-[150px] rounded-md left-[-15px] gradient-bg px-2 py-1 flex flex-col justify-center space-y-0'
+												className='subMenu absolute z-[9] mt-8 min-w-max max-w-full rounded-md left-[-15px] gradient-bg px-2 py-1 flex flex-col justify-center space-y-0'
 												onMouseEnter={handleSubMenuEnter}
 												onMouseLeave={handleSubMenuLeave}>
 												{link.subMenu.map((subL) => (