refactor: avoid duplicate code

Author: madkarmaa

src/routes/+page.svelte

@@ -10,6 +10,11 @@
 
 	const { data: about } = useSWR<BackendAbout>(`${RV_API_URL}/v4/about`);
 	let referrer: string | null = $state(null);
+	let websiteUrl: string | null = $state(null);
+
+	$effect(() => {
+		if ($about) websiteUrl = $about.socials[0].url;
+	});
 
 	onMount(() => {
 		referrer = document.referrer || window.location.href;
@@ -32,7 +37,7 @@
 		<section class="hero">
 			<h1>
 				You may be a victim of<br />
-				<span class="good"><a href={$about?.socials[0].url}>ReVanced</a></span>
+				<span class="good"><a href={websiteUrl}>ReVanced</a></span>
 				<span class="bad">counterfeit</span>
 			</h1>
 			<p>
@@ -45,23 +50,23 @@
 			<h2>What is going on?</h2>
 			<p>
 				Some counterfeiters have been trying to impersonate
-				<span class="good"><a href={$about?.socials[0].url}>ReVanced</a></span>
+				<span class="good"><a href={websiteUrl}>ReVanced</a></span>
 				by creating fake websites and took advantage of this by creating
 				<span class="bad">counterfeit</span>
 				versions, which are designed to look official but are not.
 			</p>
 			<p>
-				<span class="good"><a href={$about?.socials[0].url}>ReVanced</a></span> has aquired a couple
-				of domains that were previously used by counterfeiters via a
+				<span class="good"><a href={websiteUrl}>ReVanced</a></span> has aquired a couple of domains
+				that were previously used by counterfeiters via a
 				<a href="https://www.wipo.int/amc/en/domains/guide/#What_is_the">
 					Uniform Domain Name Dispute Resolution
 				</a>.
 				<br />
 				The counterfeit domains are now redirecting to this page. If you were redirected here, it means
 				you may have been a victim of counterfeit.
 			</p>
-			<a href={$about?.socials[0].url}>
-				Visit the official website at <span class="good">{$about?.socials[0].url}</span>
+			<a href={websiteUrl}>
+				Visit the official website at <span class="good">{websiteUrl}</span>
 			</a>
 		</section>
 
@@ -74,13 +79,13 @@
 			<ul>
 				<li>
 					You visited counterfeit website that is not
-					<span class="good"><a href={$about?.socials[0].url}>revanced.app</a></span>
+					<span class="good"><a href={websiteUrl}>revanced.app</a></span>
 					(PS: You just came from <span class="probably-bad">{referrer}</span>).
 				</li>
 				<li>
 					You downloaded ReVanced from any website
 					<strong>other than</strong>
-					<span class="good"><a href={$about?.socials[0].url}>revanced.app</a></span>.
+					<span class="good"><a href={websiteUrl}>revanced.app</a></span>.
 				</li>
 				<li>You used a pre-patched APK not obtained officially.</li>
 			</ul>
@@ -94,16 +99,16 @@
 			<h2>Known counterfeits</h2>
 			<p>
 				These are the known counterfeit domains that have been used to impersonate
-				<span class="good"><a href={$about?.socials[0].url}>ReVanced</a></span>.
+				<span class="good"><a href={websiteUrl}>ReVanced</a></span>.
 			</p>
 			<ul>
 				<li>
 					<span class="bad">revanced.net</span>(Now redirects to
-					<span class="good"><a href={$about?.socials[0].url}>revanced.app</a></span>)
+					<span class="good"><a href={websiteUrl}>revanced.app</a></span>)
 				</li>
 				<li>
 					<span class="bad">revanced.dev</span> (Now redirects to
-					<span class="good"><a href={$about?.socials[0].url}>revanced.app</a></span>)
+					<span class="good"><a href={websiteUrl}>revanced.app</a></span>)
 				</li>
 				<li><span class="bad">revanced.to</span></li>
 				<li><span class="bad">revancedextended.com</span></li>
@@ -118,17 +123,17 @@
 		<section>
 			<h2>I downloaded counterfeit, what should I do?</h2>
 			<p>
-				If you downloaded a <span class="good"><a href={$about?.socials[0].url}>ReVanced</a></span> version
-				from one of the websites listed above or any unofficial source, you are strongly recommend to:
+				If you downloaded a <span class="good"><a href={websiteUrl}>ReVanced</a></span> version from
+				one of the websites listed above or any unofficial source, you are strongly recommend to:
 			</p>
 			<ul>
 				<li>Uninstall the counterfeit version.</li>
 
 				<li>Change passwords for any accounts accessed while using the counterfeit app.</li>
 				<li>Run a full security check on your device and accounts.</li>
 				<li>
-					<a href={$about?.socials[0].url}>
-						Visit the official website at <span class="good">{$about?.socials[0].url}</span>
+					<a href={websiteUrl}>
+						Visit the official website at <span class="good">{websiteUrl}</span>
 					</a> and get the official version.
 				</li>
 			</ul>