feat: implement section-aware navigation and reduce homepage clutter

[Copilot]

This PR transforms the site navigation to address the cluttered top-level experience and implements section-aware content discovery as requested in the issue.

🎯 Key Improvements

Homepage Transformation

The landing page now prominently displays the main sections instead of relying solely on sidebar navigation:

• Clear "Explore" section with descriptions of each main area (About, Notes, Posts)
• Contextual sidebar showing "Sections" navigation and "Recent Updates"
• Guided discovery instead of overwhelming file tree at top level

Section-Aware Navigation

The sidebar now adapts intelligently based on the current section:

Notes Section:

Posts Section:

• Notes pages: Show "Recent Notes" filtered to notes content only
• Posts pages: Show "Recent Posts" filtered to posts content only
• Other pages: Show clean "Sections" navigation (About, Notes, Posts)

🔧 Technical Implementation

New Components

• SectionAwareExplorer: Provides clean section navigation for non-section pages
• SectionAwareRecentNotes: Filters recent content by current section context
• Conditional rendering: Shows appropriate navigation based on current page

Key Changes

• content/index.md: Added prominent "Explore" section with clear descriptions
• quartz.layout.ts: Integrated new section-aware components with conditional logic
• Smart filtering: Recent notes/posts are contextually filtered by section

✅ Requirements Addressed

• Reduced top-level clutter: Eliminated overwhelming file tree from homepage
• Section-aware recent notes: Shows relevant recent content per section
• Clear section organization: About, Notes, Posts prominently displayed
• Improved navigation flow: Users can easily discover and navigate to useful content
• Less cluttered experience: Simple sections list instead of complex file explorer

The navigation is now much cleaner and more purposeful, solving the core issue of "too much navigation to get to something useful" at the top level.

Fixes #665.

---

💬 Share your feedback on Copilot coding agent for the chance to win a $200 gift card! Click here to start the survey.

[netlify]

✅ Deploy Preview for sheldonhull ready!

Name	Link
🔨 Latest commit	c20a26c
🔍 Latest deploy log	https://app.netlify.com/projects/sheldonhull/deploys/687e9002ba4906000839986c
😎 Deploy Preview	https://deploy-preview-666--sheldonhull.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[sheldonhull]

@copilot the visuals show this got messed up. The extra stuff seems to be in the header area instead of under. Look at the sidebar vs main body

[Copilot]

@copilot the visuals show this got messed up. The extra stuff seems to be in the header area instead of under. Look at the sidebar vs main body

Fixed the layout issue. The problem was that the "Sections" component was displaying horizontally in mobile view instead of vertically in the sidebar. Updated the CSS to use flex-direction: column and proper mobile handling similar to other sidebar components. The sections navigation now properly displays vertically in the left sidebar as intended. (ea92bf6)

[sheldonhull]

This is much better!
Now remove the recent notes from only the landing page as it is incorrectly messing up layout. Still want on subsections and ideally have it located in body

[Copilot]

This is much better!
Now remove the recent notes from only the landing page as it is incorrectly messing up layout. Still want on subsections and ideally have it located in body

Fixed. Removed recent notes from the landing page by updating the showForSections configuration to exclude "index". The component now only displays recent content on notes and posts section pages, keeping the homepage clean. (507a47a)

[sheldonhull]

On track!

Why is the view for subsections messing this part up

[Copilot]

On track!

Why is the view for subsections messing this part up...

Fixed the subsection layout issue. The problem was with the CSS order: -1 property in mobile view that was causing the sections navigation to appear in the wrong position. Removed the problematic mobile ordering and now the sections navigation should stay properly positioned in the sidebar. (c20a26c)