Make icon sizes homogeneous

[NathanVss]

Feature Request

Currently icons size are defined for each uses in CSS, there are no pre-built icon sizes like small medium etc ..

Example

.course-glimpse-footer__date .icon, .course-glimpse__large-footer__date .icon {
    ...
    height: 1.3rem;
    width: 1.4rem;
}

I suggest adding pre-built sizes like s|m|l to the component like this in order to reduce the risk to have different sizes of icons all across the codebase as it grows with multiple developers working on it and to improve the developer experience to write code faster with less frustration to repeat generic things 😊

<Icon name="icon-school" size="m" />

I volunteer to do this 😊