feat: add premium loading screen

[Sumitsutharss]

🏷️ PR Type

• ✨ Feature

---

🔗 Related Issue

• Closes [Feature] Implement an Initial Loading Screen #169

---

📝 Rationale / Motivation

The application currently does not provide visual feedback during initial loading. This PR introduces a premium loading screen to improve the first impression, perceived performance, and overall user experience while the application initializes.

---

✨ Description of Changes

Frontend

• Added a reusable LoadingScreen component
• Added SafeVoice branding and tagline
• Added elegant loading spinner
• Added smooth fade-out transition
• Added accessibility support (role="status", aria-live="polite")

UI / UX Improvements

• Replaced bounce animation with a premium pulse effect
• Added subtle glow and glassmorphism styling
• Added dark mode compatibility
• Reduced loading duration for a faster experience

Files Modified

• src/App.tsx
• src/components/LoadingScreen.tsx

---

🧪 Testing Instructions

1. Run the application locally
2. Refresh the browser
3. Verify the loading screen appears immediately
4. Verify the SafeVoice branding and tagline are displayed
5. Verify the loading spinner animates correctly
6. Verify the screen fades out smoothly
7. Test in both light and dark mode

---

👀 Impact Assessment

• Improves user experience during app initialization
• Enhances perceived performance
• No backend changes
• No security impact
• No breaking changes

---

🖼️ Screenshots

---

⚡ Checklist

• Code follows project guidelines
• Changes tested locally
• User-facing changes documented
• Related issue linked
• No new warnings/errors introduced
• Production build passes successfully

---

🎯 Priority / Impact Level

• Priority: Medium
• Impact: Medium

[netlify]

👷 Deploy request for safevoiceforwomen pending review.

Visit the deploys page to approve it

Name	Link
🔨 Latest commit	ebeda5e