chore: tweak table text size (#25276)

web/src/lib/components/user-settings-page/feature-settings.svelte

@@ -166,7 +166,7 @@
           </div>
         </SettingAccordion>
 
-        <div class="flex justify-end">
+        <div class="flex justify-end mt-4">
           <Button shape="round" type="submit" size="small" onclick={() => handleSave()}>{$t('save')}</Button>
         </div>
       </div>

web/src/lib/components/user-settings-page/user-api-key-list.svelte

@@ -41,7 +41,7 @@
     </div>
 
     {#if keys.length > 0}
-      <Table class="mt-4" striped spacing="small">
+      <Table class="mt-4" striped spacing="small" size="small">
         <TableHeader>
           <TableHeading>{$t('name')}</TableHeading>
           <TableHeading>{$t('permission')}</TableHeading>

web/src/lib/components/user-settings-page/user-usage-statistic.svelte

@@ -67,7 +67,7 @@
 
 <section class="my-6 w-full">
   <Heading size="tiny">{$t('photos_and_videos')}</Heading>
-  <Table striped spacing="medium" class="mt-4">
+  <Table striped spacing="small" class="mt-4" size="small">
     <TableHeader>
       <TableHeading class="w-1/4">{$t('view_name')}</TableHeading>
       <TableHeading class="w-1/4">{$t('photos')}</TableHeading>
@@ -83,7 +83,7 @@
   </Table>
 
   <Heading size="tiny" class="mt-8">{$t('albums')}</Heading>
-  <Table striped spacing="medium" class="mt-4">
+  <Table striped spacing="small" class="mt-4" size="small">
     <TableHeader>
       <TableHeading class="w-1/2">{$t('owned')}</TableHeading>
       <TableHeading class="w-1/2">{$t('shared')}</TableHeading>

web/src/routes/admin/library-management/(list)/+layout.svelte

@@ -76,7 +76,7 @@
   <Container size="large" center class="my-4">
     <div class="flex flex-col items-center gap-2" in:fade={{ duration: 500 }}>
       {#if libraries.length > 0}
-        <Table striped>
+        <Table striped size="small" spacing="small">
           <TableHeader>
             <TableHeading class={classes.column1}>{$t('name')}</TableHeading>
             <TableHeading class={classes.column2}>{$t('owner')}</TableHeading>

web/src/routes/admin/users/(list)/+layout.svelte

@@ -66,7 +66,7 @@
 
 <AdminPageLayout breadcrumbs={[{ title: data.meta.title }]} actions={[Create]}>
   <Container center size="large">
-    <Table class="mt-4" striped spacing="large">
+    <Table class="mt-4" striped spacing="small" size="small">
       <TableHeader>
         <TableHeading class={classes.column1}>{$t('email')}</TableHeading>
         <TableHeading class={classes.column2}>{$t('name')}</TableHeading>