vidyesh95

<SplashCursor
	SPLAT_FORCE={8000}
	COLOR_UPDATE_SPEED={15}
	CURL={5}
/>

vidyesh95

<script lang="ts">
  import HybridShader from '$lib/components/landing/HybridShader.svelte';
	import { onMount } from 'svelte';
	import type { Component } from 'svelte';
  
  let HybridShaderComp = $state<Component | null>(null);

	onMount(async () => {
		const m = await import('$lib/components/landing/HybridShader.svelte');
		HybridShaderComp = m.default;

vidyesh95

<script lang="ts">
	/**
	 * WatchlistPagination Component
	 *
	 * A smart pagination component that handles large page counts by showing
	 * a condensed view with ellipses.
	 *
	 * Core Behavior:
	 * - Always shows the first page (1) and the last page (totalPages).
	 * - Near the start (pages 1-3): Shows first 5 pages, then ellipsis, then last page.