refactor(components/tiles): move the root components to common

src/lib/components/tiles/common/Tile.svelte

@@ -6,9 +6,11 @@ Metro-like tile. Must be in a group to display correctly.
 
 <script lang="ts">
     import randomNumber from "$lib/utils/random-number";
+
     import { cva } from "class-variance-authority";
     import { onDestroy, onMount } from "svelte";
-    import TileIconPage from "./pages/TileIconPage.svelte";
+
+    import TileIconPage from "../pages/TileIconPage.svelte";
 
     /**
      * Max angle value.

src/lib/components/tiles/pages/TileImagePage.svelte

@@ -5,7 +5,7 @@ Image page for a tile. Must be in a tile to display correctly.
 -->
 
 <script lang="ts">
-    import TileSmallIcon from "../TileSmallIcon.svelte";
+    import TileSmallIcon from "../common/TileSmallIcon.svelte";
 
     let {
         image,

src/lib/components/tiles/pages/TileTextPage.svelte

@@ -5,7 +5,7 @@ Text page for a tile. Must be in a tile to display correctly.
 -->
 
 <script lang="ts">
-    import TileSmallIcon from "../TileSmallIcon.svelte";
+    import TileSmallIcon from "../common/TileSmallIcon.svelte";
 
     let {
         title,

src/routes/(tiles)/+page.svelte

@@ -4,8 +4,8 @@
     import imageTestRectangle from "$lib/assets/images/test-rectangle.webp";
     import imageTestSquare from "$lib/assets/images/test-square.webp";
 
-    import Tile from "$lib/components/tiles/Tile.svelte";
+    import Tile from "$lib/components/tiles/common/Tile.svelte";
-    import TileGroup from "$lib/components/tiles/TileGroup.svelte";
+    import TileGroup from "$lib/components/tiles/common/TileGroup.svelte";
     import TileIconPage from "$lib/components/tiles/pages/TileIconPage.svelte";
     import TileImagePage from "$lib/components/tiles/pages/TileImagePage.svelte";
     import TileTextPage from "$lib/components/tiles/pages/TileTextPage.svelte";