fix: table overflows for payments.

Author: ItzNotABug

src/lib/components/cardGrid.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
     import { Divider, Layout, Card, Typography } from '@appwrite.io/pink-svelte';
 
+    export let overflow = true;
     export let hideFooter = false;
     export let gap: 'none' | 'xxxs' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl' = 'l';
 </script>
@@ -16,7 +17,7 @@
                     </Typography.Text>
                 {/if}
             </Layout.Stack>
-            <div style:overflow="visible">
+            <div style:overflow={overflow ? 'visible' : 'hidden'}>
                 <Layout.Stack {gap}>
                     <slot name="aside" />
                 </Layout.Stack>

src/routes/(console)/account/payments/paymentMethods.svelte

@@ -51,7 +51,7 @@
     $: hasPaymentError = filteredMethods.some((method) => method?.lastError || method?.expired);
 </script>
 
-<CardGrid>
+<CardGrid overflow={false}>
     <svelte:fragment slot="title">Payment methods</svelte:fragment>
     View or update your payment methods. These can be applied to any organizations you have created.
     <svelte:fragment slot="aside">

src/routes/(console)/organization-[organization]/billing/paymentHistory.svelte

@@ -85,7 +85,7 @@
     ]);
 </script>
 
-<CardGrid>
+<CardGrid overflow={false}>
     <svelte:fragment slot="title">Payment history</svelte:fragment>
     Transaction history for this organization. Download invoices for more details about your payments.
     <svelte:fragment slot="aside">

src/routes/(console)/organization-[organization]/billing/paymentMethods.svelte

@@ -109,7 +109,7 @@
         backupPaymentMethod?.expired;
 </script>
 
-<CardGrid>
+<CardGrid overflow={false}>
     <svelte:fragment slot="title">Payment methods</svelte:fragment>
     View or update your organization payment methods here.
     <svelte:fragment slot="aside">