hy Experts,
I'm stuck in weird error. In calling a apex method from anonymous window,it's working fine but when i call it from js it's throwing error like this [Status=Unauthorized, StatusCode=401] .
I'm  little confused what's the main issue.
can somebody help me to solving it and tell me cause why it's throwing error.
I.m passing listViewId and getting listView Records.
Below is my Code

@AuraEnabled(cacheable = true)
    public static void getListviewFilters(String filterId) {
        HttpRequest req = new HttpRequest();
	    String baseUrl = URL.getSalesforceBaseUrl().toExternalForm();
        
	    String endPoinURL = baseUrl+'/services/data/v52.0/sobjects/Account/listviews/'+ filterId +'/describe';
	    req.setEndpoint(endPoinURL);
	    req.setMethod('GET');
        req.setHeader('Authorization', 'Bearer ' + UserInfo.getSessionId());
        
	       Http http = new Http();
	       HttpResponse response = http.send(req);
        system.debug('response : ' + response);
		
	if( response.getStatusCode() == 200 ) {
		Map<String, Object> tokenResponse = (Map<String, Object>) JSON.deserializeUntyped(response.getBody());
		String query = (String) tokenResponse.get('query');
		System.debug(query);
        List<Account> AccountList = new List<Account>();
        for(Account accountObj : database.query(query)){
		AccountList.add(accountObj);
		system.debug('accountObj : ' + accountObj);
        }
    	system.debug(AccountList.size());
        
	}
	}

Below is my Js Code

<aura:component controller="ListViewNewVersionInLwcCtrl">
    <aura:attribute name="firstName" type="String" default="world"/>
    <lightning:button label="Call server" onclick="{!c.echo}"/>
</aura:component>


--------------------------------------------------------------------------------------

({
    "echo" : function(cmp) {
        var action = cmp.get("c.getListviewFilters1");
        action.setParams({ filterId : '00B5g000002WfNSEA0' });
        action.setCallback(this, function(response) {
            var state = response.getState();
            alert(state);
            if (state === "SUCCESS") {
                alert("From server: " + response.getReturnValue());
       }
            else if (state === "INCOMPLETE") {
            }
            else if (state === "ERROR") {
                var errors = response.getError();
                if (errors) {
                    if (errors[0] && errors[0].message) {
                        console.log("Error message: " + 
                                 errors[0].message);
                    }
                } else {
                    console.log("Unknown error");
                }
            }
        });
      $A.enqueueAction(action);
    }
})

Thanks In advance