feat: Enhance UX with animations, loaders, fixes, and doc updates

- Animations: Added global page transitions and smooth sidebar toggle
- Loaders: Implemented branded Loader component and page loading states
- Fixes: Resolved hook order violations in Maps/Dashboard; fixed Layout import
- Docs: Updated README with correct demo credentials and feature list

src/pages/Landing.jsx

@@ -8,6 +8,7 @@ import { SpotlightCard } from '../components/SpotlightCard';
 import { ComparisonSlider } from '../components/ComparisonSlider';
 import gsap from 'gsap';
 import { ScrollTrigger } from 'gsap/ScrollTrigger';
+import Logo from '../assets/images/LynkedUp_Pro_F_logo_Y.png';
 
 gsap.registerPlugin(ScrollTrigger);
 
@@ -56,10 +57,8 @@ const Landing = () => {
             <nav className="border-b border-zinc-200 dark:border-white/5 backdrop-blur-xl sticky top-0 z-40 bg-white/70 dark:bg-black/50">
                 <div className="max-w-7xl mx-auto px-6 h-20 flex items-center justify-between">
                     <div className="flex items-center space-x-2">
-                        <div className="w-8 h-8 bg-black dark:bg-white rounded-lg flex items-center justify-center shadow-lg">
-                            <Home size={16} className="text-white dark:text-black" />
-                        </div>
-                        <span className="text-xl font-bold tracking-tight">LynkedUpPro</span>
+                        <img src={Logo} alt="LynkedUp Pro" className="w-10 h-10 object-contain" />
+                        <span className="text-xl font-bold tracking-tight">LynkedUp Pro</span>
                     </div>
                     <div className="flex items-center space-x-4">