Enabling category banners causes duplicate category icons

I don’t know very well the grid layout. That said…

If you don’t display the category descriptions at all, you can replace

.category-title-contents {
    display: grid;
    grid-template-areas:
        "logo title"
        "logo description";
    grid-template-columns: auto 1fr;
}

with

.category-title-contents {
    display: grid;
    grid-template-areas:
        "logo title";
    grid-template-columns: auto 1fr;
}

The original layout splits the container into 4 cells, which misaligns the title:

Removing the “logo description” area makes it 2 cells:

Which allows you to vertically align the title by replacing:

.category-title-contents .category-title {
    grid-area: title;
    align-self: end;
}

with

.category-title-contents .category-title {
    grid-area: title;
    align-self: center;
}