Add display block to improve rendering on initial page load (#240)

This PR adds a slight improvement to icon loading by using the display block property provided by material icons. This prevents the temporary icon text from showing before the symbol has fully loaded.

src/components/icon.scss

@@ -3,7 +3,7 @@
 // from Googles CDN like we do for our other fonts
 // https://developers.google.com/fonts/docs/material_symbols#variable_font_with_google_fonts
 
-@import 'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200';
+@import 'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200&display=block';
 
 .material-symbols-outlined,
 .material-symbols {