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/Dashboard.jsx

@@ -16,9 +16,20 @@ import { RevenueByNeighborhood } from '../components/dashboard/RevenueByNeighbor
 import { GoldenLeadsScatter } from '../components/dashboard/GoldenLeadsScatter';
 import { WeatherRiskGauge } from '../components/dashboard/WeatherRiskGauge';
 
+import Loader from '../components/Loader';
+
 const Dashboard = () => {
     const { properties, meetings } = useMockStore();
     const { user } = useAuth();
+    const [isLoading, setIsLoading] = useState(true);
+
+    useEffect(() => {
+        // Simulate initial data fetch
+        const timer = setTimeout(() => setIsLoading(false), 800);
+        return () => clearTimeout(timer);
+    }, []);
+
+
 
     // --- Weather State (Lifted) ---
     const [weather, setWeather] = useState(null);
@@ -104,6 +115,8 @@ const Dashboard = () => {
         .filter(m => new Date(m.date) < today)
         .sort((a, b) => new Date(b.date) - new Date(a.date)); // Most recent first
 
+    if (isLoading) return <Loader fullScreen text="Loading Dashboard..." />;
+
     return (
         <div className="min-h-full bg-zinc-50 dark:bg-[#09090b] text-zinc-900 dark:text-white selection:bg-blue-500/30 relative pb-20 transition-colors duration-300">