Implement bespoke 'EVENTIFY' text fill loader with Royal Blue color

src/App.tsx

@@ -5,6 +5,7 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { BrowserRouter, Routes, Route, Navigate } from "react-router-dom";
 import { AuthProvider } from "@/contexts/AuthContext";
 import { ProtectedRoute } from "@/components/auth/ProtectedRoute";
+import { PageLoader } from "@/components/ui/PageLoader"; // Added import for PageLoader
 import Login from "./pages/Login";
 import Dashboard from "./pages/Dashboard";
 import PartnerDirectory from "./features/partners/PartnerDirectory";
@@ -24,6 +25,7 @@ const App = () => (
       <Sonner />
       <BrowserRouter>
         <AuthProvider>
+          <PageLoader /> {/* Rendered PageLoader here */}
           <Routes>
             <Route path="/login" element={<Login />} />
             <Route