Improve error message with support link

Author: lohanidamodar

src/routes/(console)/project-[region]-[project]/+error.svelte

@@ -1,8 +1,11 @@
 <script lang="ts">
     import { page } from '$app/state';
     import { Container } from '$lib/layout';
-    import { Card, Typography } from '@appwrite.io/pink-svelte';
+    import { Card, Link, Typography } from '@appwrite.io/pink-svelte';
+    import SupportWizard from '$routes/(console)/supportWizard.svelte';
     import { capitalize } from '$lib/helpers/string';
+    import { currentPlan } from '$lib/stores/organization';
+    import { wizard } from '$lib/stores/wizard';
     function getResource(id: string) {
         id = id.replace('/(console)/project-[region]-[project]/', '');
         let parts = id.split('/');
@@ -19,7 +22,16 @@
             <Typography.Title size="s">Your {capitalize(resource)} is paused</Typography.Title>
             <p class="text-red-500">
                 We've detected unusual activity and temporarily paused your {resource}. If you
-                believe this is a mistake or need urgent access, please contact [email protected].
+                believe this is a mistake or need urgent access, please contact
+                {#if $currentPlan?.premiumSupport}
+                    <Link.Button
+                        on:click={() => {
+                            wizard.start(SupportWizard);
+                        }}>support</Link.Button
+                    >.
+                {:else}
+                    [email protected].
+                {/if}
             </p>
         </Card.Base>
     {:else}