suspense loading added and made socket to trigger after login

src/views/ResourcePage.jsx

@@ -5,7 +5,7 @@ import { useLocation } from "react-router-dom";
 export default function ResourcePage() {
   const {state} = useLocation() // CHECKS IF THERE IS AN ACTIVE TAB WITH LINK BACK TO RESOURCES
   const [MyResourceData, setMyResourceData] = useState([]);
-  const api = useMemo(()=>{new usersService()},[]);
+  const api = useMemo(()=> new usersService(),[]);
   const getMyResourceData = useCallback( async () => {
       try {
         const res = await api.getResourceList();