Major Rework: Upgrade to v3 – New UI/UX & More 🚀

[kyrea]

📢 Overview

This PR delivers a major overhaul of the platform, introducing a modernized UI/UX, enhanced dashboard features, improved authentication flows, real-time notifications, and significant code optimizations.

✨ What's New

🎨 UI/UX Improvements

• Custom Cursor Styling – A sleek new cursor design for a modern feel.
• Skeleton Loaders – Improve perceived performance for HeaderAvatar and ProfileCard.
• Refreshed Dashboard Header – Better authentication handling and navigation.
• Revamped Error & 404 Pages – More user-friendly and visually appealing.
• New Loaders & Spinners – Enhanced user experience with smoother animations.
• Styled Scrollbar & Progress Bar – Improved UI consistency and aesthetics.
• Feature Section for Premium Page – Highlighting exclusive features effectively.
• Updated Navigation – /dash is now /dashboard for better clarity.
• Revamped Authentication Pages – Improved "Auth In Progress" and "Auth Failure" pages for a smoother experience.
• New Authentication Loader – Added a sleek new loader for authentication states.

📊 Dashboard & Analytics Enhancements

• API Usage Charts – Visual insights into API request trends and popular endpoints.
• Leaderboard Component – Ranking and tracking system for better engagement.
• Breadcrumb Navigation – Improved user navigation across dashboard pages.
• My Analytics Page Enhancements – Integrated charts and leaderboard for better insights.

🔐 Authentication & User Management

• RequireDiscordOAuth Component – Enforcing authentication where necessary.
• Change Email, Username & Password Pages – Includes validation, error handling & security improvements.
• Password Strength Meter – Visual feedback for stronger passwords.

🌐 Real-Time & WebSocket Upgrades

• WebSocketProvider – Enables real-time notifications across the platform.
• Live Notification Popup – Get notified instantly without refreshing the page.

🛠 New Components & Features

• Custom Dashboard Footer – Personalized branding and useful links.
• Toggle Switches for Privacy Settings – Seamless control over user preferences.
• New Sidebar for Upcoming Dashboard – Improved structure and accessibility.
• useTypewriter Hook – Smooth, animated text effects.

🏗 Refactoring & Codebase Optimization

• Modularized UI Components – Moved features, head, and header into reusable sections.
• Deprecated Tools Page Removed – Transitioned to new dashboard sections.
• Revamped Plan Cards UI – Better layout for displaying premium features.
• Removed react-progressbar Package – Replaced with a custom implementation for efficiency.
• Refactored UI Components – Removed unnecessary imports and integrated useRouter for better routing.
• Dashboard Structure Update – Moved the old dashboard to /old/dashboard and removed outdated files.

🔄 API & Backend Enhancements

• New POST /api/notifications Route – Fetch notifications efficiently.
• Page Validator Utility – Useful for debugging and testing.
• Optimized Cookie Settings – Improved security and compliance.

📌 Summary

This upgrade brings a refined UI, smoother user experience, and powerful new features. The dashboard is now more intuitive, authentication is more secure, and real-time notifications keep users updated effortlessly.

🚀 This is a game-changing update, making the platform faster, smarter, and more user-friendly! 🔥