Merge pull request #2833 from appwrite/fix-tables-in-mobile-view

fix: tables in mobile view

Author: HarshMN2345

src/lib/components/domains/cnameTable.svelte

@@ -36,6 +36,7 @@
     </Layout.Stack>
 
     <Table.Root
+        class="responsive-table"
         columns={[
             { id: 'type', width: { min: 150 } },
             { id: 'name', width: { min: 80 } },

src/lib/components/domains/recordTable.svelte

@@ -102,6 +102,7 @@
     </Layout.Stack>
 
     <Table.Root
+        class="responsive-table"
         columns={[
             { id: 'type', width: { min: 150 } },
             { id: 'name', width: { min: 80 } },

src/lib/layout/activity.svelte

@@ -49,7 +49,7 @@
     expanded={databasesScreen && !insideSideSheet}
     slotSpacing={databasesScreen && !insideSideSheet}>
     {#if logs.total}
-        <Table.Root {columns} let:root>
+        <Table.Root class="responsive-table" {columns} let:root>
             <svelte:fragment slot="header" let:root>
                 <Table.Header.Cell column="user" {root}>User</Table.Header.Cell>
                 <Table.Header.Cell column="event" {root}>Event</Table.Header.Cell>

src/routes/(console)/account/sessions/+page.svelte

@@ -97,6 +97,7 @@
     </Layout.Stack>
 
     <Table.Root
+        class="responsive-table"
         let:root
         columns={[
             { id: 'client', width: { min: 450 } },