Feat: Add Lists to Main Menu

[nelsonic]

At present there is no way to navigate to a list from the Main Menu:

Todo

• iterate over the person's lists and display them in the main menu
• Hyperlink to the /?list_cid=:list_cid

Note: the route for the /lists on the #165 PR is currently:

mvp/lib/app_web/router.ex

Line 32 in 10a2a6a

resources "/lists", ListController, except: [:show]

The except: [:show] part means we don't yet have an interface for displaying the list.
So we need that part too ... 💭 ref: #423

[nelsonic]

Trying to work on this. But after splitting out the <nav> into its' own component, the CSS/JS is not working to hide the menu items:

Each time I try and look at the code one of the delightful children needs my attention. ❤️ ⏳ 🙄

[nelsonic]

With @LuchoTurtle's help pairing on this we figured out that the id="mobile-menu" was not required in the menu items

mvp/lib/app_web/templates/layout/root.html.heex

Lines 171 to 182 in dd59426

	<div x-show="openMenu" id="mobile-menu">
	<div class="space-y-1 px-2 pb-3 pt-2 text-right">
	<!-- <a href="#" class="bg-gray-900 text-white rounded-md px-3 py-2 text-sm font-medium" aria-current="page">Current</a> -->
	<%= link("📥 All",
	to: "/tags",
	class:
	"text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-medium"
	) %>
	</div>
	</div>
	<div x-show="openMenu" id="mobile-menu">

and removing the (duplicate) id made it all work. 🎉

[nelsonic]

lists dynamically rendered in the main menu:

✅

[nelsonic]

With a bit more contrast and differentiation between the person's lists and the other pages:

Not going to mess any further with this. 👌
Very happy for anyone else to improve this. 🙏