Redesign admin panel with modern UI and improved navigation

[jhash]

Summary

• Modernized the admin panel UI to match the home page design with a clean, Vercel v0-like aesthetic
• Implemented a consistent navigation system across all pages with shared navbar and sidebar components
• Added comprehensive blog post management functionality for super admins

Changes

• Navigation:

  • Added consistent navbar with user avatar (showing initials) and dropdown menu
  • Created shared sidebar component with hierarchical navigation using details/summary elements
  • Implemented proper ARIA attributes for accessibility (treeview pattern)

• Admin Panel:

  • Redesigned with modern styling using Tailwind CSS
  • Added blog posts admin pages with full CRUD functionality
  • Implemented search filters for users (name, email) and blog posts (title, content)
  • Updated layout to use grid template columns for proper sidebar/main content structure

• User Experience:

  • Created dedicated settings page and moved Connected Accounts from home page
  • Added Stimulus controller for dropdown menu functionality
  • Improved visual hierarchy and spacing throughout the admin interface

Test plan

• Test navbar appears consistently on all pages (home, admin, settings)
• Verify sidebar shows only for logged-in users
• Confirm admin links in sidebar only show for superadmin users
• Test hierarchical sidebar navigation expands/collapses properly
• Verify user avatar shows correct initials
• Test dropdown menu opens/closes on click
• Verify settings page displays user info and connected accounts
• Test blog posts CRUD operations in admin panel
• Verify filters work for users (name, email) and blog posts (title, content)
• Test responsive behavior on mobile devices
• Verify all ARIA attributes are properly set for accessibility

🤖 Generated with Claude Code