[Site] Configure Icons + fixes

* composer update
* remove temporary "Icon" component
* add ux_icons config file
* fix icon classes
* trim version from changelog titles

Author: smnandre

ux.symfony.com/assets/styles/components/_Changelog.scss

@@ -95,13 +95,13 @@
   justify-content: space-between;
 }
 
-.ChangelogItem__Head svg {
+.ChangelogItem__Toggle {
   transition: 150ms ease-in-out;
   transform: rotate(0deg);
   opacity: .5;
 }
 
-.ChangelogItem [open] .ChangelogItem__Head svg {
+.ChangelogItem [open] .ChangelogItem__Toggle {
   transform: rotate(180deg);
   opacity: .75;
   transition: all 150ms ease-in-out;

ux.symfony.com/assets/styles/components/_DocsLink.scss

@@ -40,7 +40,6 @@
 }
 
 .DocsLink_arrow {
-  color: gray;
   font-size: 1.5rem;
   opacity: .5;
   margin-inline-start: auto;

ux.symfony.com/assets/styles/components/_Icon.scss

@@ -1,14 +1,7 @@
 .Icon {
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
+    display: inline-grid;
+    place-content: center;
     height: 1em;
     width: 1em;
-    color: var(--icon-color);
-    vertical-align: -.125em;
-    svg {
-        fill: currentColor;
-        height: 100%;
-        width: 100%;
-    }
+    fill: currentColor;
 }

ux.symfony.com/assets/styles/components/_PackageBox.scss

@@ -124,6 +124,9 @@
 }
 
 .PackageBox_link {
+  display: flex;
+  align-items: center;
+  gap: .25rem;
   &:after {
     content: '';
     position: absolute;
@@ -133,13 +136,15 @@
 }
 
 .PackageBox_arrow {
-  color: gray;
-  font-size: 1.5rem;
   opacity: .5;
-  transition: opacity 600ms ease-in-out;
+  filter: saturate(0.25);
+  transition: all 600ms ease-in-out;
   .PackageBox:hover & {
-    transition: opacity 250ms ease-in-out;
+    transition: all 250ms ease-in-out;
     opacity: 1;
+    color: var(--color);
+    filter: saturate(1);
+    transform: translateX(10%) scale(1.04);
   }
 }