update pro plan pricing card to include custom qr code

frontend/src/routes/(app)/dashboard/billing/+page.svelte

@@ -10,6 +10,7 @@
 	import { cancelSubscriptionSchema } from './schema'
 	import { superForm } from 'sveltekit-superforms'
 	import { toast } from 'svelte-sonner'
+	import { ScrollArea } from '$lib/components/ui/scroll-area'
 
 	export let data: PageData
 
@@ -45,11 +46,15 @@
 		<p class="text-muted-foreground">Checkout our pricings here.</p>
 	</div>
 	<Separator class="my-4 lg:my-6" />
+
+	<ScrollArea>
 		<div class="flex w-full flex-wrap-reverse justify-center gap-8">
 			<div class="flex w-[400px] gap-8 rounded-lg border p-8">
 				<div class="flex w-full flex-col gap-3 text-start">
 					<h2 class="text-2xl font-bold">Free</h2>
-				<p class="text-muted-foreground">No credit card required.</p>
+					<p class="text-muted-foreground">
+						No credit card required.
+					</p>
 					<Separator />
 					<div class="flex flex-col gap-2">
 						<div class="flex items-end gap-2">
@@ -77,7 +82,9 @@
 						{#if data.user.plan === 'owner'}
 							<Button variant={'brand'} disabled>Owner</Button>
 						{:else if data.user.plan === 'free'}
-						<Button variant={'default'} disabled>Current Plan</Button>
+							<Button variant={'default'} disabled>
+								Current Plan
+							</Button>
 						{:else}
 							<Button variant={'brand'} disabled>Select Plan</Button>
 						{/if}
@@ -126,6 +133,10 @@
 								<Check class="text-brand" />
 								<p>2 years of tracked clicks and history</p>
 							</div>
+							<div class="flex items-center gap-2">
+								<Check class="text-brand" />
+								<p>Custom QR Code</p>
+							</div>
 						</div>
 						{#if data.user.plan === 'owner'}
 							<Button variant={'brand'} disabled>Owner</Button>
@@ -179,4 +190,5 @@
 				</div>
 			</div>
 		</div>
+	</ScrollArea>
 </div>

frontend/src/routes/(public)/(landing)/+page.svelte

@@ -138,6 +138,10 @@
 									<Check class="text-brand" />
 									<p>2 years click history</p>
 								</div>
+								<div class="flex items-center gap-2">
+									<Check class="text-brand" />
+									<p>Custom QR Code</p>
+								</div>
 							</div>
 						</div>
 						<div