Frontend updates and changes

- Remove items/runes separate pages, put everything into a "build" page.
- Show summoner spells.
- Add a build variant selector, that for now only selects runes

frontend/pages/champion/[alias].vue

@@ -8,7 +8,7 @@ const championAlias = route.params.alias as string
 const isLoading = ref(true)
 const error = ref<string | null>(null)
 const laneState = ref(0)
-const state = ref('runes')
+const state = ref('build')
 
 // Use useAsyncData with client-side fetching for faster initial page load
 const {
@@ -165,16 +165,10 @@ function fetchChampionData() {
             :game-count="lane.count || 0"
           />
           <ClientOnly>
-            <LazyRuneSelector
-              v-if="state == 'runes' && championData.gameCount > 0 && lane?.runes"
+            <LazyBuildViewer
+              v-if="state == 'build' && championData.gameCount > 0 && lane?.runes && lane?.builds"
               style="margin: auto; margin-top: 40px"
               :runes="lane.runes"
-            />
-          </ClientOnly>
-          <ClientOnly>
-            <LazyItemViewer
-              v-if="state == 'items' && championData.gameCount > 0 && lane?.builds"
-              style="margin: auto; margin-top: 40px"
               :builds="lane.builds"
             />
           </ClientOnly>
@@ -216,8 +210,10 @@ function fetchChampionData() {
 }
 #champion-content {
   margin-top: 64px;
-  margin-left: 39px;
   width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 
 /* Loading state styles */