Add Calendar view to Quick Access for date-based note browsing

[typelets]

Description:
Add a new "Calendar" view to Quick Access that groups notes by date, making it easy to browse notes chronologically andfind notes from specific days/weeks.

Feature Request:

User Story:
As a user, I want to view my notes organized by date (Today, Yesterday, This Week, etc.) so I can easily find notes fromspecific time periods and see my writing patterns over time.

Proposed Implementation:

1. Add Calendar to Quick Access

• Add new view mode: 'calendar'
• New quick access item below "All Notes"
• Icon: Calendar icon (📅)
• Show total note count

2. Timeline View - Group Notes by Date

Display notes grouped into sections:

• Today - Notes from today
• Yesterday - Notes from yesterday
• This Week - Notes from current week (excluding today/yesterday)
• Last Week - Notes from previous week
• Earlier This Month - Older notes from current month
• Last Month - Notes from previous month
• Older - Notes beyond last month

3. Features:

MVP (Phase 1):

• Group notes by date sections (Today, Yesterday, etc.)
• Show note count per section: Today (3)
• Sort within groups by most recent first
• Click note to open (same behavior as other views)
• Use updatedAt timestamp for grouping
• Empty state when no notes
• Responsive design (mobile + desktop)

Enhanced (Phase 2):

• Toggle between "Created Date" and "Modified Date" grouping
• Date range filter (show notes between specific dates)
• Mini calendar widget to jump to specific date
• Search within calendar view
• Show time of day for Today/Yesterday notes
• Collapsible date groups

4. UI/UX:

Layout:
┌─────────────────────────────────────┐
│ 📅 Calendar │
├─────────────────────────────────────┤
│ │
│ Today (3) │
│ • Meeting with Sarah - 2:30 PM │
│ • Daily standup notes - 10:15 AM │
│ • Bug fix documentation - 9:00 AM │
│ │
│ Yesterday (2) │
│ • Code review: PR #123 │
│ • Research: React 19 features │
│ │
│ This Week (5) │
│ • Sprint retrospective (Fri) │
│ • Design mockups (Thu) │
│ ... │
└─────────────────────────────────────┘

Empty State:
┌─────────────────────────────────────┐
│ 📅 Calendar │
├─────────────────────────────────────┤
│ │
│ [Calendar Icon] │
│ │
│ No notes to display │
│ Create your first note to │
│ see it here! │
│ │
└─────────────────────────────────────┘

6. Use Cases:

• Daily journaling - See all journal entries by day
• Meeting notes - Find notes from specific meeting dates
• Time tracking - Review what you worked on this week
• Weekly reviews - Browse notes from last week
• Activity patterns - See writing consistency over time

7. Future Enhancements (Post-MVP):

• Full calendar grid view (month view with dots)
• Heatmap visualization (GitHub-style contribution graph)
• Statistics: notes per day/week/month
• Export notes by date range
• Daily note templates (auto-create note for each day)

Platform:
Web app (mobile can follow same pattern)

Priority:
Medium - Nice-to-have feature that improves UX for time-based workflows

Labels: enhancement, web, feature-request, UI/UX, calendar