🍱(frontend) update material-icons font

We don't use the material-icons font from
ui-kit anymore, we need to import it directly
in order to use both the outlined and filled variants.

src/frontend/apps/impress/src/pages/globals.css

@@ -1,5 +1,6 @@
 @import url('../cunningham/cunningham-style.css');
 @import url('@fontsource/material-icons');
+@import url('@fontsource/material-icons-outlined');
 
 body {
   margin: 0;
@@ -43,8 +44,9 @@ main ::-webkit-scrollbar-thumb:hover,
   outline: inherit;
 }
 
+.material-icons,
 .material-icons-filled {
-  font-family: 'Material Icons', sans-serif;
+  font-family: 'Material Icons Outlined', 'Material Icons', sans-serif;
   font-weight: normal;
   font-style: normal;
   font-size: 24px; /* Preferred icon size */
@@ -69,6 +71,10 @@ main ::-webkit-scrollbar-thumb:hover,
   font-feature-settings: 'liga';
 }
 
+.material-icons-filled {
+  font-family: 'Material Icons', sans-serif;
+}
+
 [data-nextjs-dialog-overlay] {
   display: none !important;
 }