diff --git a/src/lib/components/GameTabs/GameServerItem.svelte b/src/lib/components/GameTabs/GameServerItem.svelte
index 2d6bfd2..271dbe8 100644
--- a/src/lib/components/GameTabs/GameServerItem.svelte
+++ b/src/lib/components/GameTabs/GameServerItem.svelte
@@ -1,68 +1,68 @@
 <script lang="ts">
-	import { robloxApi } from "$lib/robloxApi";
-	import type { GameServer } from "$lib/typings";
+    import { robloxApi } from "$lib/robloxApi";
+    import type { GameServer } from "$lib/typings";
 
-	export let gameServer: GameServer;
-	export let avatarUrls: Record<string, string>;
-	export let placeId: number;
+    export let gameServer: GameServer;
+    export let avatarUrls: Record<string, string>;
+    export let placeId: number;
 
-	function join() {
-		robloxApi.playServer(placeId, gameServer.id);
-	}
+    function join() {
+        robloxApi.playServer(placeId, gameServer.id);
+    }
 </script>
 
 <div class="game-server">
-	<div class="game-server-avatars">
-		{#each gameServer.player_tokens as playerToken}
-			{#if avatarUrls[playerToken]}
-				<img
-					class="avatar-image"
-					src={avatarUrls[playerToken]}
-					alt="Player Headshot"
-				/>
-			{:else}
-				<div
-					class="placeholder avatar-image w-full h-full aspect-square"
-				/>
-			{/if}
-		{/each}
+    <div class="game-server-avatars">
+        {#each gameServer.player_tokens as playerToken}
+            {#if avatarUrls[playerToken]}
+                <img
+                    class="avatar-image"
+                    src={avatarUrls[playerToken]}
+                    alt="Player Headshot"
+                />
+            {:else}
+                <div
+                    class="placeholder avatar-image w-full h-full aspect-square"
+                />
+            {/if}
+        {/each}
 
-		{#if gameServer.playing > 5}
-			<div class="w-full h-full flex justify-center items-center">
-				<p class="text-2xl font-bold">+{gameServer.playing - 5}</p>
-			</div>
-		{/if}
-	</div>
-	<p>{gameServer.playing} of {gameServer.max_players}</p>
+        {#if gameServer.playing > 5}
+            <div class="w-full h-full flex justify-center items-center">
+                <p class="text-2xl font-bold">+{gameServer.playing - 5}</p>
+            </div>
+        {/if}
+    </div>
+    <p>{gameServer.playing} of {gameServer.max_players}</p>
 
-	<div class="game-server-join">
-		<button on:click={join}>Join</button>
-	</div>
+    <div class="game-server-join">
+        <button on:click={join}>Join</button>
+    </div>
 </div>
 
 <style lang="scss">
-	.game-server {
-		@apply p-2;
-		@apply bg-[#181818] rounded-lg;
+    .game-server {
+        @apply p-2;
+        @apply bg-[#181818] rounded-lg;
 
-		.game-server-avatars {
-			@apply grid grid-cols-3 justify-items-center gap-2;
-			@apply mb-2;
+        .game-server-avatars {
+            @apply grid grid-cols-3 justify-items-center gap-2;
+            @apply mb-2;
 
-			.avatar-image {
-				@apply rounded-md;
-			}
+            .avatar-image {
+                @apply rounded-md;
+            }
 
-			img.avatar-image {
-				@apply bg-[#282828];
-			}
-		}
+            img.avatar-image {
+                @apply bg-[#282828];
+            }
+        }
 
-		.game-server-join {
-			button {
-				@apply px-2 py-1 w-full;
-				@apply bg-green-600 rounded-md;
-			}
-		}
-	}
+        .game-server-join {
+            button {
+                @apply px-2 py-1 w-full;
+                @apply bg-green-600 rounded-md;
+            }
+        }
+    }
 </style>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 5ecc3fc..e7b3976 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,239 +1,239 @@
 <script lang="ts">
-	import { robloxApi } from "$lib/robloxApi";
-	import chunk from "lodash.chunk";
-
-	import FriendCard from "$lib/components/Cards/FriendCard.svelte";
-	import FriendCardSkeleton from "$lib/components/Cards/FriendCardSkeleton.svelte";
-	import GameCard from "$lib/components/Cards/GameCard.svelte";
-	import GameCardSkeleton from "$lib/components/Cards/GameCardSkeleton.svelte";
-
-	import {
-		TreatmentType,
-		ThumbnailSize,
-		ThumbnailType,
-		type InternalFriend,
-		type RecommendationsTopic,
-	} from "$lib/typings.js";
-
-	let friends: InternalFriend[] = [];
-	let topics: RecommendationsTopic[] = [];
-	let gameIcons: Record<number, string> = {};
-
-	const PRESENCE_INDEXES: Record<string, number> = {
-		Invisible: 0,
-		Offline: 0,
-		Online: 1,
-		InGame: 2,
-		InStudio: 2,
-	};
-
-	async function fetchFriends() {
-		let friendsArray = await robloxApi.getFriendsList();
-
-		friendsArray = friendsArray.sort(
-			(a, b) =>
-				PRESENCE_INDEXES[b.presence_type] -
-				PRESENCE_INDEXES[a.presence_type],
-		);
-
-		const [friendsPresencesArray, friendsHeadshotsArray] =
-			await Promise.all([
-				robloxApi.getPresences(friendsArray.map((fr) => fr.user_id)),
-				robloxApi.getThumbnailsUrls(
-					friendsArray.map((fr) => fr.user_id),
-					ThumbnailSize.S150x150,
-					ThumbnailType.AvatarHeadshot,
-				),
-			]);
-
-		friends = friendsArray.map((info, i) => ({
-			info,
-			headshot: friendsHeadshotsArray[i],
-			presence: friendsPresencesArray[i],
-		}));
-	}
-
-	async function fetchRecommendations() {
-		topics = await robloxApi
-			.getRecommendations()
-			.then((topics) =>
-				topics
-					.filter(
-						(a) =>
-							a.treatment_type !== TreatmentType.FriendCarousel,
-					)
-					.map((a) => {
-						if (a.topic_id === 100000003) {
-							a.recommendation_list = a.recommendation_list.slice(
-								0,
-								8,
-							);
-						}
-
-						return a;
-					})
-					.sort((a, b) =>
-						a.topic_id === 100000003
-							? -1
-							: b.topic_id === 100000003
-								? 1
-								: 0,
-					),
-			)
-			.catch((err) => {
-				console.error(err);
-
-				return [];
-			});
-
-		const iconsBatches = await Promise.all(
-			topics.map(async (topic) => {
-				if (topic.treatment_type === TreatmentType.Carousel) {
-					const thumbnails = (
-						await Promise.all(
-							chunk(
-								topic.recommendation_list.map(
-									(r) => r.universe_id,
-								),
-								9,
-							).map((universeIdsChunk) =>
-								robloxApi.getThumbnailsUrls(
-									universeIdsChunk,
-									ThumbnailSize.S150x150,
-									ThumbnailType.GameIcon,
-								),
-							),
-						)
-					).flat(1);
-
-					return topic.recommendation_list.map((r, i) => [
-						r.universe_id,
-						thumbnails[i],
-					]);
-				} else {
-					const thumbnails = (
-						await Promise.all(
-							chunk(
-								topic.recommendation_list.map(
-									(r) => r.root_place_id,
-								),
-								9,
-							).map((universeIdsChunk) =>
-								robloxApi.getThumbnailsUrls(
-									universeIdsChunk,
-									ThumbnailSize.S768x432,
-									ThumbnailType.GameThumbnail,
-								),
-							),
-						)
-					).flat(1);
-
-					return topic.recommendation_list.map((r, i) => [
-						r.universe_id,
-						thumbnails[i],
-					]);
-				}
-			}),
-		);
-
-		gameIcons = Object.fromEntries(iconsBatches.flat(1));
-	}
+    import { robloxApi } from "$lib/robloxApi";
+    import chunk from "lodash.chunk";
+
+    import FriendCard from "$lib/components/Cards/FriendCard.svelte";
+    import FriendCardSkeleton from "$lib/components/Cards/FriendCardSkeleton.svelte";
+    import GameCard from "$lib/components/Cards/GameCard.svelte";
+    import GameCardSkeleton from "$lib/components/Cards/GameCardSkeleton.svelte";
+
+    import {
+        TreatmentType,
+        ThumbnailSize,
+        ThumbnailType,
+        type InternalFriend,
+        type RecommendationsTopic,
+    } from "$lib/typings.js";
+
+    let friends: InternalFriend[] = [];
+    let topics: RecommendationsTopic[] = [];
+    let gameIcons: Record<number, string> = {};
+
+    const PRESENCE_INDEXES: Record<string, number> = {
+        Invisible: 0,
+        Offline: 0,
+        Online: 1,
+        InGame: 2,
+        InStudio: 2,
+    };
+
+    async function fetchFriends() {
+        let friendsArray = await robloxApi.getFriendsList();
+
+        friendsArray = friendsArray.sort(
+            (a, b) =>
+                PRESENCE_INDEXES[b.presence_type] -
+                PRESENCE_INDEXES[a.presence_type],
+        );
+
+        const [friendsPresencesArray, friendsHeadshotsArray] =
+            await Promise.all([
+                robloxApi.getPresences(friendsArray.map((fr) => fr.user_id)),
+                robloxApi.getThumbnailsUrls(
+                    friendsArray.map((fr) => fr.user_id),
+                    ThumbnailSize.S150x150,
+                    ThumbnailType.AvatarHeadshot,
+                ),
+            ]);
+
+        friends = friendsArray.map((info, i) => ({
+            info,
+            headshot: friendsHeadshotsArray[i],
+            presence: friendsPresencesArray[i],
+        }));
+    }
+
+    async function fetchRecommendations() {
+        topics = await robloxApi
+            .getRecommendations()
+            .then((topics) =>
+                topics
+                    .filter(
+                        (a) =>
+                            a.treatment_type !== TreatmentType.FriendCarousel,
+                    )
+                    .map((a) => {
+                        if (a.topic_id === 100000003) {
+                            a.recommendation_list = a.recommendation_list.slice(
+                                0,
+                                8,
+                            );
+                        }
+
+                        return a;
+                    })
+                    .sort((a, b) =>
+                        a.topic_id === 100000003
+                            ? -1
+                            : b.topic_id === 100000003
+                              ? 1
+                              : 0,
+                    ),
+            )
+            .catch((err) => {
+                console.error(err);
+
+                return [];
+            });
+
+        const iconsBatches = await Promise.all(
+            topics.map(async (topic) => {
+                if (topic.treatment_type === TreatmentType.Carousel) {
+                    const thumbnails = (
+                        await Promise.all(
+                            chunk(
+                                topic.recommendation_list.map(
+                                    (r) => r.universe_id,
+                                ),
+                                9,
+                            ).map((universeIdsChunk) =>
+                                robloxApi.getThumbnailsUrls(
+                                    universeIdsChunk,
+                                    ThumbnailSize.S150x150,
+                                    ThumbnailType.GameIcon,
+                                ),
+                            ),
+                        )
+                    ).flat(1);
+
+                    return topic.recommendation_list.map((r, i) => [
+                        r.universe_id,
+                        thumbnails[i],
+                    ]);
+                } else {
+                    const thumbnails = (
+                        await Promise.all(
+                            chunk(
+                                topic.recommendation_list.map(
+                                    (r) => r.root_place_id,
+                                ),
+                                9,
+                            ).map((universeIdsChunk) =>
+                                robloxApi.getThumbnailsUrls(
+                                    universeIdsChunk,
+                                    ThumbnailSize.S768x432,
+                                    ThumbnailType.GameThumbnail,
+                                ),
+                            ),
+                        )
+                    ).flat(1);
+
+                    return topic.recommendation_list.map((r, i) => [
+                        r.universe_id,
+                        thumbnails[i],
+                    ]);
+                }
+            }),
+        );
+
+        gameIcons = Object.fromEntries(iconsBatches.flat(1));
+    }
 </script>
 
 <section class="friends">
-	<p class="section-title">Friends</p>
-	<div class="section-content">
-		{#await fetchFriends()}
-			{#each Array(8).map(() => 0) as _}
-				<FriendCardSkeleton />
-			{/each}
-		{:then}
-			{#each friends as friend}
-				<FriendCard {friend} />
-			{/each}
-		{/await}
-	</div>
+    <p class="section-title">Friends</p>
+    <div class="section-content">
+        {#await fetchFriends()}
+            {#each Array(8).map(() => 0) as _}
+                <FriendCardSkeleton />
+            {/each}
+        {:then}
+            {#each friends as friend}
+                <FriendCard {friend} />
+            {/each}
+        {/await}
+    </div>
 </section>
 
 {#await fetchRecommendations()}
-	{#each Array(8).map(() => 0) as _}
-		<section class="topic-section">
-			<p class="section-title"><span class="placeholder w-28" /></p>
-			<div class="section-content carousel">
-				{#each Array(10).map(() => 0) as _}
-					<GameCardSkeleton />
-				{/each}
-			</div>
-		</section>
-	{/each}
+    {#each Array(8).map(() => 0) as _}
+        <section class="topic-section">
+            <p class="section-title"><span class="placeholder w-28" /></p>
+            <div class="section-content carousel">
+                {#each Array(10).map(() => 0) as _}
+                    <GameCardSkeleton />
+                {/each}
+            </div>
+        </section>
+    {/each}
 {:then}
-	{#each topics as topic}
-		<section class="topic-section">
-			<p class="section-title">{topic.topic}</p>
-			{#if topic.subtitle}
-				<p class="section-subtitle">
-					{topic.subtitle}
-				</p>
-			{/if}
-
-			<div
-				class={topic.treatment_type === TreatmentType.SortlessGrid
-					? "section-content sortless-grid"
-					: "section-content carousel"}
-			>
-				{#each topic.recommendation_list as game}
-					<GameCard
-						{game}
-						thumbnail={gameIcons[game.universe_id]}
-						treatmentType={topic.treatment_type}
-					/>
-				{/each}
-			</div>
-		</section>
-	{/each}
+    {#each topics as topic}
+        <section class="topic-section">
+            <p class="section-title">{topic.topic}</p>
+            {#if topic.subtitle}
+                <p class="section-subtitle">
+                    {topic.subtitle}
+                </p>
+            {/if}
+
+            <div
+                class={topic.treatment_type === TreatmentType.SortlessGrid
+                    ? "section-content sortless-grid"
+                    : "section-content carousel"}
+            >
+                {#each topic.recommendation_list as game}
+                    <GameCard
+                        {game}
+                        thumbnail={gameIcons[game.universe_id]}
+                        treatmentType={topic.treatment_type}
+                    />
+                {/each}
+            </div>
+        </section>
+    {/each}
 {/await}
 
 <style lang="scss">
-	section {
-		.section-subtitle {
-			@apply text-xs text-[#C0C0C0];
-		}
-
-		.section-content {
-			@apply border border-[#787878] bg-[#121212];
-			@apply p-2 rounded-lg;
-		}
-	}
-
-	section.friends {
-		.section-content {
-			@apply flex gap-2;
-			@apply overflow-scroll;
-		}
-	}
-
-	section.topic-section {
-		@apply my-2;
-
-		.section-content {
-			@apply gap-2;
-			@apply overflow-scroll;
-
-			&.carousel {
-				@apply flex;
-			}
-
-			&.sortless-grid {
-				@media screen and (max-width: 400px) {
-					@apply grid-cols-1;
-				}
-
-				@media screen and (max-width: 800px) {
-					@apply grid-cols-2;
-				}
-
-				@apply grid md:grid-cols-3 lg:grid-cols-4;
-			}
-		}
-	}
+    section {
+        .section-subtitle {
+            @apply text-xs text-[#C0C0C0];
+        }
+
+        .section-content {
+            @apply border border-[#787878] bg-[#121212];
+            @apply p-2 rounded-lg;
+        }
+    }
+
+    section.friends {
+        .section-content {
+            @apply flex gap-2;
+            @apply overflow-scroll;
+        }
+    }
+
+    section.topic-section {
+        @apply my-2;
+
+        .section-content {
+            @apply gap-2;
+            @apply overflow-scroll;
+
+            &.carousel {
+                @apply flex;
+            }
+
+            &.sortless-grid {
+                @media screen and (max-width: 400px) {
+                    @apply grid-cols-1;
+                }
+
+                @media screen and (max-width: 800px) {
+                    @apply grid-cols-2;
+                }
+
+                @apply grid md:grid-cols-3 lg:grid-cols-4;
+            }
+        }
+    }
 </style>
diff --git a/src/routes/game/+page.svelte b/src/routes/game/+page.svelte
index 0c1e0ea..3dedcda 100644
--- a/src/routes/game/+page.svelte
+++ b/src/routes/game/+page.svelte
@@ -1,217 +1,217 @@
 <script setup lang="ts">
-	import { register } from "swiper/element/bundle";
-	register();
+    import { register } from "swiper/element/bundle";
+    register();
 
-	import GameDescriptionTab from "$lib/components/GameTabs/GameDescriptionTab.svelte";
-	import GameStoreTab from "$lib/components/GameTabs/GameStoreTab.svelte";
-	import GameServerTab from "$lib/components/GameTabs/GameServerTab.svelte";
+    import GameDescriptionTab from "$lib/components/GameTabs/GameDescriptionTab.svelte";
+    import GameStoreTab from "$lib/components/GameTabs/GameStoreTab.svelte";
+    import GameServerTab from "$lib/components/GameTabs/GameServerTab.svelte";
 
-	import { page } from "$app/stores";
-	import { robloxApi } from "$lib/robloxApi";
+    import { page } from "$app/stores";
+    import { robloxApi } from "$lib/robloxApi";
 
-	import {
-		GameMediaType,
-		ThumbnailSize,
-		ThumbnailType,
-		type GameDetails,
-		type GameMedia,
-	} from "$lib/typings";
+    import {
+        GameMediaType,
+        ThumbnailSize,
+        ThumbnailType,
+        type GameDetails,
+        type GameMedia,
+    } from "$lib/typings";
 
-	let currentTab: number = 0;
+    let currentTab: number = 0;
 
-	let gameDetails: GameDetails;
+    let gameDetails: GameDetails;
 
-	async function fetchGameDetails() {
-		gameDetails = await robloxApi.getGameDetails(
-			parseInt(($page.url.searchParams.get("id") ?? "0") as string),
-		);
-	}
+    async function fetchGameDetails() {
+        gameDetails = await robloxApi.getGameDetails(
+            parseInt(($page.url.searchParams.get("id") ?? "0") as string),
+        );
+    }
 
-	async function fetchGameMedia(): Promise<
-		[GameMedia[], Record<number, string>]
-	> {
-		const gameMedia = await robloxApi.getGameMedia(gameDetails.universe_id);
+    async function fetchGameMedia(): Promise<
+        [GameMedia[], Record<number, string>]
+    > {
+        const gameMedia = await robloxApi.getGameMedia(gameDetails.universe_id);
 
-		const gameMediaImages = gameMedia
-			.filter((media) => media.image_id)
-			.map((media) => media.image_id) as number[];
+        const gameMediaImages = gameMedia
+            .filter((media) => media.image_id)
+            .map((media) => media.image_id) as number[];
 
-		const _gameMediaUrls = await robloxApi.getThumbnailsUrls(
-			gameMediaImages,
-			ThumbnailSize.S768x432,
-			ThumbnailType.Asset,
-		);
+        const _gameMediaUrls = await robloxApi.getThumbnailsUrls(
+            gameMediaImages,
+            ThumbnailSize.S768x432,
+            ThumbnailType.Asset,
+        );
 
-		const gameMediaUrls = Object.fromEntries(
-			gameMediaImages.map((id, i) => [id, _gameMediaUrls[i]]),
-		);
+        const gameMediaUrls = Object.fromEntries(
+            gameMediaImages.map((id, i) => [id, _gameMediaUrls[i]]),
+        );
 
-		return [gameMedia, gameMediaUrls];
-	}
+        return [gameMedia, gameMediaUrls];
+    }
 
-	function play() {
-		if (!gameDetails) return;
+    function play() {
+        if (!gameDetails) return;
 
-		robloxApi.playPlace(gameDetails.root_place_id);
-	}
+        robloxApi.playPlace(gameDetails.root_place_id);
+    }
 </script>
 
 {#await fetchGameDetails() then _}
-	<main class="game-page">
-		<div class="game-header grid grid-cols-2 gap-4">
-			<div class="game-images">
-				{#await fetchGameMedia()}
-					<div class="placeholder rounded-lg w-full aspect-video" />
-				{:then [gameMedia, gameMediaUrls]}
-					<swiper-container
-						navigation="true"
-						pagination="true"
-						space-between={10}
-					>
-						>
-						{#each gameMedia as media}
-							<swiper-slide>
-								{#if media.asset_type === GameMediaType.Image}
-									<img
-										src={gameMediaUrls[
-											media.image_id ?? 0
-										] ??
-											"https://placehold.co/1920x1080?text=Loading..."}
-										alt={media.alt_text}
-										class="rounded-lg w-[calc(100%-10px)]"
-									/>
-								{:else}
-									<img
-										src={"https://placehold.co/1920x1080?text=Youtube+Embeds+not+currently+supported"}
-										alt={media.alt_text}
-										class="rounded-lg w-[calc(100%-10px)]"
-									/>
-								{/if}
-							</swiper-slide>
-						{/each}
-					</swiper-container>
-				{/await}
-			</div>
-			<div class="game-info">
-				<div class="game-title">
-					<h3 class="text-2xl">{gameDetails.name}</h3>
-					<p>
-						by <b>{gameDetails.creator.name}</b>
-					</p>
-				</div>
-
-				<div class="game-play">
-					<button class="play-button" on:click={play}>
-						<svg
-							class="play-button-icon"
-							aria-hidden="true"
-							xmlns="http://www.w3.org/2000/svg"
-							width="24"
-							height="24"
-							fill="currentColor"
-							viewBox="0 0 24 24"
-						>
-							<path
-								fill-rule="evenodd"
-								d="M10.271 5.575C8.967 4.501 7 5.43 7 7.12v9.762c0 1.69 1.967 2.618 3.271 1.544l5.927-4.881a2 2 0 0 0 0-3.088l-5.927-4.88Z"
-								clip-rule="evenodd"
-							/>
-						</svg>
-					</button>
-				</div>
-			</div>
-		</div>
-
-		<div class="game-sections">
-			<div class="game-tabs">
-				<button
-					class={currentTab === 0 ? "tab-active" : ""}
-					on:click={() => (currentTab = 0)}
-				>
-					About
-				</button>
-				<button
-					class={currentTab === 1 ? "tab-active" : ""}
-					on:click={() => (currentTab = 1)}
-				>
-					Store
-				</button>
-				<button
-					class={currentTab === 2 ? "tab-active" : ""}
-					on:click={() => (currentTab = 2)}
-				>
-					Servers
-				</button>
-			</div>
-
-			<GameDescriptionTab visible={currentTab === 0} {gameDetails} />
-			<GameStoreTab visible={currentTab === 1} {gameDetails} />
-			<GameServerTab visible={currentTab === 2} {gameDetails} />
-		</div>
-	</main>
+    <main class="game-page">
+        <div class="game-header grid grid-cols-2 gap-4">
+            <div class="game-images">
+                {#await fetchGameMedia()}
+                    <div class="placeholder rounded-lg w-full aspect-video" />
+                {:then [gameMedia, gameMediaUrls]}
+                    <swiper-container
+                        navigation="true"
+                        pagination="true"
+                        space-between={10}
+                    >
+                        >
+                        {#each gameMedia as media}
+                            <swiper-slide>
+                                {#if media.asset_type === GameMediaType.Image}
+                                    <img
+                                        src={gameMediaUrls[
+                                            media.image_id ?? 0
+                                        ] ??
+                                            "https://placehold.co/1920x1080?text=Loading..."}
+                                        alt={media.alt_text}
+                                        class="rounded-lg w-[calc(100%-10px)]"
+                                    />
+                                {:else}
+                                    <img
+                                        src={"https://placehold.co/1920x1080?text=Youtube+Embeds+not+currently+supported"}
+                                        alt={media.alt_text}
+                                        class="rounded-lg w-[calc(100%-10px)]"
+                                    />
+                                {/if}
+                            </swiper-slide>
+                        {/each}
+                    </swiper-container>
+                {/await}
+            </div>
+            <div class="game-info">
+                <div class="game-title">
+                    <h3 class="text-2xl">{gameDetails.name}</h3>
+                    <p>
+                        by <b>{gameDetails.creator.name}</b>
+                    </p>
+                </div>
+
+                <div class="game-play">
+                    <button class="play-button" on:click={play}>
+                        <svg
+                            class="play-button-icon"
+                            aria-hidden="true"
+                            xmlns="http://www.w3.org/2000/svg"
+                            width="24"
+                            height="24"
+                            fill="currentColor"
+                            viewBox="0 0 24 24"
+                        >
+                            <path
+                                fill-rule="evenodd"
+                                d="M10.271 5.575C8.967 4.501 7 5.43 7 7.12v9.762c0 1.69 1.967 2.618 3.271 1.544l5.927-4.881a2 2 0 0 0 0-3.088l-5.927-4.88Z"
+                                clip-rule="evenodd"
+                            />
+                        </svg>
+                    </button>
+                </div>
+            </div>
+        </div>
+
+        <div class="game-sections">
+            <div class="game-tabs">
+                <button
+                    class={currentTab === 0 ? "tab-active" : ""}
+                    on:click={() => (currentTab = 0)}
+                >
+                    About
+                </button>
+                <button
+                    class={currentTab === 1 ? "tab-active" : ""}
+                    on:click={() => (currentTab = 1)}
+                >
+                    Store
+                </button>
+                <button
+                    class={currentTab === 2 ? "tab-active" : ""}
+                    on:click={() => (currentTab = 2)}
+                >
+                    Servers
+                </button>
+            </div>
+
+            <GameDescriptionTab visible={currentTab === 0} {gameDetails} />
+            <GameStoreTab visible={currentTab === 1} {gameDetails} />
+            <GameServerTab visible={currentTab === 2} {gameDetails} />
+        </div>
+    </main>
 {/await}
 
 <style lang="scss">
-	.game-page {
-		.game-header {
-			@apply bg-[#121212] rounded-lg;
-			@apply p-3;
-
-			.game-info {
-				@apply flex flex-col justify-between;
-
-				.game-play .play-button {
-					@apply rounded-lg;
-					@apply px-3 py-2 w-full;
-					@apply bg-green-600;
-
-					@apply font-bold;
-
-					@apply flex justify-center;
-
-					.play-button-icon {
-						@apply w-10 h-10;
-						@apply text-white;
-					}
-
-					&:hover {
-						@apply bg-green-500;
-					}
-
-					&:active {
-						@apply bg-green-700;
-					}
-				}
-			}
-		}
-
-		.game-sections {
-			@apply mt-2 rounded-lg;
-			@apply p-2 bg-[#121212];
-
-			.game-tabs {
-				@apply grid grid-cols-3 gap-2 mb-2;
-
-				button {
-					@apply w-full p-2;
-					@apply rounded-sm;
-
-					&.tab-active {
-						@apply bg-[#242424];
-					}
-
-					&:hover {
-						@apply bg-[#242424];
-					}
-
-					&:active {
-						@apply bg-[#101010];
-					}
-				}
-			}
-
-			.game-tab {
-			}
-		}
-	}
+    .game-page {
+        .game-header {
+            @apply bg-[#121212] rounded-lg;
+            @apply p-3;
+
+            .game-info {
+                @apply flex flex-col justify-between;
+
+                .game-play .play-button {
+                    @apply rounded-lg;
+                    @apply px-3 py-2 w-full;
+                    @apply bg-green-600;
+
+                    @apply font-bold;
+
+                    @apply flex justify-center;
+
+                    .play-button-icon {
+                        @apply w-10 h-10;
+                        @apply text-white;
+                    }
+
+                    &:hover {
+                        @apply bg-green-500;
+                    }
+
+                    &:active {
+                        @apply bg-green-700;
+                    }
+                }
+            }
+        }
+
+        .game-sections {
+            @apply mt-2 rounded-lg;
+            @apply p-2 bg-[#121212];
+
+            .game-tabs {
+                @apply grid grid-cols-3 gap-2 mb-2;
+
+                button {
+                    @apply w-full p-2;
+                    @apply rounded-sm;
+
+                    &.tab-active {
+                        @apply bg-[#242424];
+                    }
+
+                    &:hover {
+                        @apply bg-[#242424];
+                    }
+
+                    &:active {
+                        @apply bg-[#101010];
+                    }
+                }
+            }
+
+            .game-tab {
+            }
+        }
+    }
 </style>