fix:done some chnages suggested

Author: HarshMN2345

src/lib/layout/containerHeader.svelte

@@ -23,7 +23,7 @@
     export let title: string;
     export let serviceId = title.toLocaleLowerCase() as PlanServices;
     export let total: number = null;
-    export let alertType: 'info' | 'success' | 'warning' | 'error' | 'default' = 'warning';
+    export let alertType: 'info' | 'success' | 'warning' | 'error' = 'warning';
     export let showAlert = true;
 
     export let buttonText: string = null;
@@ -105,7 +105,7 @@
                     </span>
                 </Alert.Inline>
             {:else}
-                <Alert.Inline status={alertType === 'default' ? 'info' : alertType}>
+                <Alert.Inline status={alertType}>
                     <span class="text">
                         You've reached the {services} limit for the {tier} plan. <Link
                             href={$upgradeURL}

src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/table.svelte

@@ -29,7 +29,8 @@
         Badge,
         FloatingActionBar,
         InteractiveText,
-        Typography
+        Typography,
+        Layout
     } from '@appwrite.io/pink-svelte';
     import { toLocaleDateTime } from '$lib/helpers/date';
     import DualTimeView from '$lib/components/dualTimeView.svelte';
@@ -343,7 +344,7 @@
                     </Table.Row.Base>
                 {/each}
             </Table.Root>
-            <div class="u-flex u-flex-vertical u-gap-16">
+            <Layout.Stack gap="m" direction="column">
                 <Alert.Inline status="info"
                     >To change the selection edit the relationship settings.</Alert.Inline>
 
@@ -352,7 +353,7 @@
                         Delete document from <span data-private>{$collection.name}</span>
                     </InputChoice>
                 </ul>
-            </div>
+            </Layout.Stack>
         {:else}
             <p class="u-bold">This action is irreversible.</p>
         {/if}

src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/+page.svelte

@@ -22,6 +22,7 @@
     import { isCloud } from '$lib/system';
     import UpdateVariables from '$routes/(console)/project-[region]-[project]/updateVariables.svelte';
     import { page } from '$app/state';
+    import { Link } from '$lib/elements';
 
     export let data;
     let showAlert = true;
@@ -55,16 +56,16 @@
 
 <Container>
     {#if data.function.version === 'v2' && showAlert}
-        <div class="u-margin-block-start-24">
-            <Alert.Inline status="warning" dismissible on:dismiss={() => (showAlert = false)}>
-                <svelte:fragment slot="title">Your function is outdated</svelte:fragment>
-                Update your function version to make use of new features including build commands and
-                HTTP data in your executions. To update, follow the steps outlined in our
-                <a
-                    href="https://appwrite.io/docs/products/functions/development"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    class="link">documentation</a
+        <div>
+            <Alert.Inline
+                status="warning"
+                dismissible
+                title="Your function is outdated"
+                on:dismiss={() => (showAlert = false)}>
+                Update your function version to make use of new features including build commands
+                and HTTP data in your executions. To update, follow the steps outlined in our
+                <Link href="https://appwrite.io/docs/products/functions/development" external
+                    >documentation</Link
                 >.
                 <svelte:fragment slot="actions">
                     <Button

src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/settings/updateMaxFileSize.svelte

@@ -47,14 +47,12 @@
             {#if isCloud}
                 {@const size = humanFileSize(sizeToBytes(service, 'MB', 1000))}
                 <Alert.Inline status="info">
-                    <p class="text">
-                        The {currentPlan.name} plan has a maximum upload file size limit of {Math.floor(
-                            parseInt(size.value)
-                        )}{size.unit}.
-                        {#if $organization?.billingPlan === BillingPlan.FREE}
-                            Upgrade to allow files of a larger size.
-                        {/if}
-                    </p>
+                    The {currentPlan.name} plan has a maximum upload file size limit of {Math.floor(
+                        parseInt(size.value)
+                    )}{size.unit}.
+                    {#if $organization?.billingPlan === BillingPlan.FREE}
+                        Upgrade to allow files of a larger size.
+                    {/if}
                     <svelte:fragment slot="actions">
                         {#if $organization?.billingPlan === BillingPlan.FREE}
                             <div class="alert-buttons u-flex">