suspense loading added and made socket to trigger after login

src/views/OffersInterestPage.jsx

@@ -15,7 +15,7 @@ export default function OffersInterestPage() {
 
     let {joinRoom} = SocketValues() // function to join room for socket
 
-    const apiCall = useMemo(()=>{new usersService()},[]) 
+    const apiCall = useMemo(()=> new usersService(),[]) 
 
     let {commonHeadBanner} = useSelector(state => state.commonHeadBanner)
 

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();