address comments.

Author: ItzNotABug

src/routes/(console)/project-[region]-[project]/overview/platforms/wizard/android/step3.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import { page } from '$app/stores';
     import { WizardStep } from '$lib/layout';
-    import { Code, Id } from '$lib/components';
+    import { Code } from '$lib/components';
     import { getProjectEndpoint } from '$lib/helpers/project';
 
     const project = $page.params.project;
@@ -17,13 +17,7 @@ val client = Client(context)
 
 <WizardStep>
     <svelte:fragment slot="title">Initialize</svelte:fragment>
-
-    <h2 class="heading-level-7">Initialize your SDK</h2>
-    <p>
-        Initialize your SDK by pointing the client to your Appwrite project using your <Id
-            value={project}>Project ID</Id
-        >.
-    </p>
+    <p>Initialize your SDK by pointing the client to your Appwrite project.</p>
     <div class="u-margin-block-start-16">
         <Code
             label="Android SDK"

src/routes/(console)/project-[region]-[project]/overview/platforms/wizard/apple/step3.svelte

@@ -2,7 +2,7 @@
     import { page } from '$app/stores';
     import { isCloud } from '$lib/system';
     import { WizardStep } from '$lib/layout';
-    import { Alert, Code, Id } from '$lib/components';
+    import { Alert, Code } from '$lib/components';
     import { getProjectEndpoint } from '$lib/helpers/project';
 
     const project = $page.params.project;
@@ -20,12 +20,8 @@ let client = Client()
 <WizardStep>
     <svelte:fragment slot="title">Initialize</svelte:fragment>
 
-    <h2 class="heading-level-7">Initialize your SDK</h2>
-    <p>
-        Initialize your SDK by pointing the client to your Appwrite project using your
-        <Id value={project}>Project ID</Id>
-        .
-    </p>
+    <p>Initialize your SDK by pointing the client to your Appwrite project.</p>
+
     <Code label="Apple SDK" labelIcon="apple" language="swift" {code} withCopy withLineNumbers />
     <p class="u-margin-block-start-24">
         Before sending any API calls to your new Appwrite project, make sure your device or emulator

src/routes/(console)/project-[region]-[project]/overview/platforms/wizard/flutter/step3.svelte

@@ -2,7 +2,7 @@
     import { page } from '$app/stores';
     import { isCloud } from '$lib/system';
     import { WizardStep } from '$lib/layout';
-    import { Alert, Code, Id } from '$lib/components';
+    import { Alert, Code } from '$lib/components';
     import { getProjectEndpoint } from '$lib/helpers/project';
 
     const project = $page.params.project;
@@ -21,11 +21,8 @@ client
 <WizardStep>
     <svelte:fragment slot="title">Initialize</svelte:fragment>
 
-    <h2 class="heading-level-7">Initialize your SDK</h2>
-    <p data-private>
-        Initialize your SDK by pointing the client to your Appwrite project using your
-        <Id value={project}>Project ID</Id>
-    </p>
+    <p>Initialize your SDK by pointing the client to your Appwrite project.</p>
+
     <div class="u-margin-block-start-16">
         <Code
             label="Flutter SDK"

src/routes/(console)/project-[region]-[project]/overview/platforms/wizard/react-native/step3.svelte

@@ -3,7 +3,7 @@
     import { isCloud } from '$lib/system';
     import { WizardStep } from '$lib/layout';
     import { createPlatform } from '../store';
-    import { Alert, Code, Id } from '$lib/components';
+    import { Alert, Code } from '$lib/components';
     import { getProjectEndpoint } from '$lib/helpers/project';
 
     const project = $page.params.project;
@@ -21,11 +21,8 @@ const client = new Client()
 <WizardStep>
     <svelte:fragment slot="title">Initialize</svelte:fragment>
 
-    <h2 class="heading-level-7">Initialize your SDK</h2>
-    <p data-private>
-        Initialize your SDK by pointing the client to your Appwrite project using your <Id
-            value={project}>Project ID</Id>
-    </p>
+    <p>Initialize your SDK by pointing the client to your Appwrite project.</p>
+
     <div class="u-margin-block-start-16">
         <Code
             label="React Native"

src/routes/(console)/project-[region]-[project]/overview/platforms/wizard/skipped.svelte

@@ -22,8 +22,8 @@
 
     export async function onPlatformSetupFinish(event: CustomEvent): Promise<void> {
         const type = event.type;
-        const skipped = event.detail.skipped ?? false;
-        const optional = event.detail.optional ?? false;
+        const skipped = event.detail?.skipped ?? false;
+        const optional = event.detail?.optional ?? false;
 
         const isSkipped = type === 'finish' ? skipped : type === 'exit' ? optional : false;
 
@@ -53,8 +53,8 @@
     title="Skipping optional steps">
     <FormList>
         <p>
-            The platform will be added to your project. Use the Project ID and API endpoint in your
-            project to get started:
+            The platform will be added to your project. Access Appwrite services using this
+            project's API Endpoint and Project ID:
         </p>
 
         <CopyInput label="Project ID" showLabel={true} value={project} />

src/routes/(console)/project-[region]-[project]/overview/platforms/wizard/step4.svelte

@@ -6,20 +6,14 @@
     import { getProjectEndpoint } from '$lib/helpers/project';
 
     const project = $page.params.project;
-    $: isFirstProject = $page.data.platforms.total === 0;
 </script>
 
 <WizardStep>
     <svelte:fragment slot="title">All set! Your project is ready to go</svelte:fragment>
     <FormList gap={16}>
         <p>
-            {#if isFirstProject}
-                Congratulations on adding the first platform to your project!
-            {:else}
-                Congratulations on adding another platform to your project!
-            {/if}
-
-            Use the Project ID and API endpoint in your project to get started:
+            You've successfully added a platform to your project. Access Appwrite services using
+            this project's API Endpoint and Project ID:
         </p>
 
         <CopyInput label="Project ID" showLabel={true} value={project} />

src/routes/(console)/project-[region]-[project]/overview/platforms/wizard/web/step3.svelte

@@ -15,12 +15,8 @@ client
 <WizardStep>
     <svelte:fragment slot="title">Initialize SDK</svelte:fragment>
 
-    <h2 class="heading-level-7">Initialize your SDK</h2>
-    <p>
-        Initialize your SDK by pointing the client to your Appwrite project using your <Id
-            value={project}>Project ID</Id
-        >.
-    </p>
+    <p>Initialize your SDK by pointing the client to your Appwrite project.</p>
+
     <div class="u-margin-block-start-16">
         <Code
             label="Web SDK"