Fix episode list

frontend/src/hooks.server.ts

@@ -20,7 +20,7 @@ export const handle: Handle = async ({ event, resolve }) => {
 		}
 
 	} catch (error) {
-		Cookies.remove('token');
+		// Cookies.remove('token');
 		if (error instanceof AxiosError) {
 			console.log(error.response?.data)
 		}

frontend/src/routes/(mobile)/mobile/anime/[...anime_slug]/+page.svelte

@@ -225,11 +225,11 @@
 
 		<!-- Episodes list -->
 		<div class="flex flex-col gap-1.5">
-			{#each animeDetail?.episodeList || [] as episode}
-				<a href="/mobile/anime/watch/{data.animeSlug}/{episode.ep}">
+			{#each animeDetail?.episodeList || [] as episode, i (i)}
+				<a href="/mobile/anime/watch/{data.animeSlug}/{i+1}">
 					<div class="flex items-center justify-between rounded-xl bg-[#2e2a3d] p-4 text-gray-300">
 						<div>
-							<h3 class="mb-1 text-lg font-normal text-white">Episode {episode.ep}</h3>
+							<h3 class="mb-1 text-lg font-normal text-white">Episode {i+1}</h3>
 							<!-- <p class="text-xs text-gray-400">27 Juli, 2025</p> -->
 						</div>
 						<div class="flex items-center space-x-1 text-sm text-gray-400">

frontend/src/routes/(mobile)/mobile/anime/[...anime_slug]/+page.ts

@@ -1,6 +1,6 @@
 import type { PageLoad } from "./$types";
 
-export const ssr = false;
+export const ssr = true;
 
 export const load: PageLoad = ({ params }): IAnimeSlug => {
   return {

frontend/src/routes/(mobile)/mobile/anime/watch/[...anime_slug]/+page.svelte

@@ -303,7 +303,7 @@
 	{/if}
 	<div class="bg-gradient-to-t from-black/90 to-transparent px-5 pb-8 pt-5">
 		<h1 class="text-title-medium opacity-70 font-extrabold leading-tight">{(animeDetail?.title || "").replace("- Kuramanime", "")}</h1>
-		<p class="mb-4 mt-1 text-base font-normal">Episode {parseInt((animeDetail?.title || "-").match(/\(\w+\s?([0-9]+)\)/i)?.[1] || "0") || "-"}</p>
+		<p class="mb-4 mt-1 text-base font-normal">Episode {parseInt((animeDetail?.title || "-").match(/\(\w+\s?([0-9]+)\)/i)?.[1] || "1") || "1"}</p>
 		<!-- <div class="mb-3 flex flex-wrap gap-2">
 			<button
 				class="flex items-center gap-2 rounded-md bg-[#3a3a4a] px-3 py-2 text-sm font-semibold"
@@ -335,14 +335,14 @@
 				<i class="fas fa-arrow-down"> </i>
 				Download
 			</button> -->
-			{#each animeDetail2?.episodeList || [] as episode}
+			{#each animeDetail2?.episodeList || [] as episode, i (i)}
 				<button
 					on:click={() => {
-						goto(`/mobile/anime/watch/${animeSlug}/${episode.ep}`, { replaceState: true });
+						goto(`/mobile/anime/watch/${animeSlug}/${i+1}`, { replaceState: true });
 					}}
-					class="flex {parseInt(episode.ep) == parseInt((animeDetail?.title || "-").match(/\(\w+\s?([0-9]+)\)/i)?.[1] || "0") ? "bg-red-500" : "bg-[#3a3a4a]"} cursor-pointer items-center gap-2 rounded-md px-4 py-2 text-sm font-semibold"
+					class="flex {parseInt(i+1) == parseInt((animeDetail?.title || "-").match(/\(\w+\s?([0-9]+)\)/i)?.[1] || "1") ? "bg-red-500" : "bg-[#3a3a4a]"} cursor-pointer items-center gap-2 rounded-md px-4 py-2 text-sm font-semibold"
 				>
-					Eps {episode.ep}
+					Eps {i+1}
 				</button>
 			{/each}
 		</div>

frontend/src/routes/(mobile)/mobile/anime/watch/[...anime_slug]/+page.ts

@@ -1,6 +1,6 @@
 import type { PageLoad } from "./$types";
 
-export const ssr = false;
+export const ssr = true;
 
 export const load: PageLoad = ({ params }): IAnimeSlug => {
   return {