feat: show up to 5 shopping lists in overview

internal/ui/pages/app_space_overview.templ

@@ -59,17 +59,27 @@ templ SpaceOverviewPage(space *model.Space, lists []*model.ShoppingList, tags []
 					<h2 class="text-lg font-semibold mb-2">Shopping Lists</h2>
 					if len(lists) > 0 {
 						<ul class="space-y-1">
-							for _, list := range lists {
+							for i, list := range lists {
-								<li>
+								if i < 5 {
-									<a
+									<li>
-										href={ templ.URL("/app/spaces/" + space.ID + "/lists/" + list.ID) }
+										<a
-										class="block px-3 py-2 rounded-md hover:bg-muted transition-colors text-sm"
+											href={ templ.URL("/app/spaces/" + space.ID + "/lists/" + list.ID) }
-									>
+											class="block px-3 py-2 rounded-md hover:bg-muted transition-colors text-sm"
-										{ list.Name }
+										>
-									</a>
+											{ list.Name }
-								</li>
+										</a>
+									</li>
+								}
 							}
 						</ul>
+						if len(lists) > 5 {
+							<a
+								href={ templ.URL("/app/spaces/" + space.ID + "/lists") }
+								class="block text-sm text-muted-foreground hover:text-foreground transition-colors mt-2 px-3"
+							>
+								View all shopping lists
+							</a>
+						}
 					} else {
 						<p class="text-sm text-muted-foreground">No shopping lists yet.</p>
 					}