fix: 🐛 update nav.templ for responsive design and menu size adjustmen…

…ts (#126)

Fixes #112

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **New Features**
- Enhanced navigation menu design for improved visibility and usability
across different screen sizes.
- Improved responsiveness of the dropdown and horizontal menus to adapt
better to various devices.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

assets/templ/components/nav.templ

@@ -7,7 +7,7 @@ templ TopNav() {
 				<div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
 					<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"></path></svg>
 				</div>
-				<ul tabindex="0" class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52">
+				<ul tabindex="0" class="menu menu-lg dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-screen">
 					<li><a href="/" hx-get="/">Home</a></li>
 					<li><a href="/artists" hx-get="/artists">Artists</a></li>
 					<li><a href="/artworks" hx-get="/artworks">Artworks</a></li>
@@ -34,7 +34,7 @@ templ TopNav() {
 			<a class="btn btn-ghost text-xl" href="/" hx-get="/">WGoA</a>
 		</div>
 		<div class="navbar-center hidden lg:flex">
-			<ul class="menu menu-horizontal px-1">
+			<ul class="menu menu-md menu-horizontal px-1">
 				<li><a href="/" hx-get="/">Home</a></li>
 				<li><a href="/artists" hx-get="/artists">Artists</a></li>
 				<li><a href="/artworks" hx-get="/artworks">Artworks</a></li>