adding the loading spinner when refeshing the page

Author: Houssien-Zeineddine

client/src/Utils/helpers.js

@@ -12,7 +12,7 @@ export const capitalizeTitle = (str) => {
     .join(' ');
 };
 
-const BASE_URL = "http://127.0.0.1:8000";
+const BASE_URL = "http://13.38.84.88:8000";
 export default function getProfilePictureUrl(path) {
   if (!path) return null;
   return `${BASE_URL}/storage/${path}`;

client/src/components/PrivateRoute/index.jsx

@@ -1,11 +1,12 @@
 import React, { useContext } from "react";
 import { Navigate } from "react-router-dom";
 import { AuthContext } from "../Context/AuthorizationContext";
+import Loading from "../Loading";
 
 const PrivateRoute = ({ children }) => {
   const { user, authLoading } = useContext(AuthContext);
 
-  if (authLoading) return <div>Loading...</div>;
+  if (authLoading) return <Loading />;
 
   return user ? children : <Navigate to="/login" replace />;
 };