Category order not displaying properly

Hi! I want to display the categories in block manager in certain sequence. I looked into docs and previous issues and found about order attribute. So, I tried setting order attribute. but it is not yet displaying in that order even though order attribute is getting set. Am I missing something? or doing something wrong?

what I am doing is:

var categories = editor.BlockManager.getCategories();
categories.map(category => {
    //console.log(category.id);
    switch (category.id) {
        case 'Header':
            category.order=1;
            break;
        case 'Carousel Banner':
            category.order=2;
            break;
        case 'Sections':
            category.order=3;
            break;
        case 'Category':
            category.order=4;
            break;
        case 'News Letter':
            category.order=5;
            break;
        case 'Footer':
            category.order=6;
            break;
        default:
            break;
    }
});

so, expected result is to see categories in sequence- Header, Carousel Banner, Section, Category, News Letter , Footer

but what I am still getting is this-