refactor: update loading styles and introduce faint gradient variables

app/src/components/layout/sidebarRight/Header.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import { AppDockIcon } from "../../icons/HeaderIcons";
 import orgImg from "../../../assets/orgTemp.png";
 import { useActiveUsers } from "../../../store/store";
@@ -14,6 +14,10 @@ const Header: React.FC = () => {
     (user: ActiveUser) => user.userName !== userName
   );
 
+  useEffect(() => {
+    console.log(activeUsers);
+  }, [])
+  
   const [userManagement, setUserManagement] = useState(false);
 
   return (