feat(components/tiles/pages): text page

src/lib/components/tiles/Tile.svelte

@@ -60,6 +60,7 @@ Metro-like tile. Must be in a group to display correctly.
     let {
         size,
         row,
+        icon,
         column,
         children,
     }: {
@@ -78,6 +79,11 @@ Metro-like tile. Must be in a group to display correctly.
          */
         column: number;
 
+        /**
+         * Icon. Must be a valid URL.
+         */
+        icon: string;
+
         /**
          * Pages.
          */
@@ -162,6 +168,7 @@ Metro-like tile. Must be in a group to display correctly.
 <div
     class={style({ size })}
     style="
+        --tile-icon: url('{icon}');
         --tile-icon-size: {iconSize}px;
         --tile-page-height: {pageHeight}px;
         --tile-name-display: {size !== 'small' ? 'inline' : 'none'};