Refactor: Consolidate Loading State with Animated Logo

[Atharva0506]

Issue Details

The application currently has duplicated and inconsistent loading states, which leads to poor UI consistency and unnecessary technical debt.

Current Problems

• The HomePage (app/page.tsx) uses a hardcoded inline CSS spinner.
• The framework-native Loading component (app/loading.tsx) is unused and returns null.
• This results in multiple loading implementations across the app.

Objective

Replace all existing loading indicators with a single, unified loading experience using the official animated brand asset:

Proposed Solution

• Centralize all loading logic inside app/loading.tsx.
• Display the animated logo on top of the existing gradient background.
• Remove the inline spinner from HomePage.
• Import and reuse the standardized loading component for client-side data fetching.

Expected Outcome

• A single source of truth for loading UI.
• Consistent experience across:
  • Route transitions
  • Client-side data fetching
• Cleaner codebase with reduced redundancy.
• More premium and branded UI/UX.