Frontend: UI Polish & Loading States

[adhit-r]

Description

Improve frontend UX consistency — loading states, skeleton screens, spacing, and alignment.

Checklist

• Add skeleton screens / loading states to all data-fetching pages
• Make loading state patterns consistent across pages
• Fix hardcoded spacing, misalignment, and padding issues
• Ensure all interactive elements have proper hover/active/focus states

Consolidates

#99, #115, #123

[IlyasFardaouix]

I think the root cause of the inconsistent loading states and UI polish might be due to the fact that you're not using a consistent approach to loading states across all data-fetching pages. I'd recommend taking a closer look at the lifespan function in main.py and how it's handling application startup events. It might be worth exploring ways to leverage this function to enforce consistent loading state patterns across the application. Can you tell me more about your current implementation of skeleton screens and loading states?