update: database layouts.

src/lib/layout/activity.svelte

@@ -24,11 +24,7 @@
     ];
 </script>
 
-<Container
-    {insideSideSheet}
-    {databasesMainScreen}
-    expanded={expanded && !insideSideSheet}
->
+<Container {insideSideSheet} {databasesMainScreen} expanded={expanded && !insideSideSheet}>
     {#if logs.total}
         <div>
             <Table.Root {columns} let:root>

src/lib/layout/animatedTitle.svelte

@@ -36,8 +36,7 @@
                 size={buttonSize}
                 aria-label="page back"
                 disabled={$isTabletViewport}
-                style={$isTabletViewport ? 'visibility: hidden' : ''}
-            >
+                style={$isTabletViewport ? 'visibility: hidden' : ''}>
                 <Icon icon={IconChevronLeft} />
             </Button.Anchor>
         </span>

src/lib/layout/container.svelte

@@ -36,8 +36,7 @@
         class:insideSideSheet
         class:expandHeightButton
         class:databasesMainScreen
-        class="console-container"
-    >
+        class="console-container">
         <Layout.Stack gap="l">
             {@render children?.()}
         </Layout.Stack>

src/lib/layout/cover.svelte

@@ -79,9 +79,9 @@
         }
 
         &.adjustForSpreadsheet {
-          @media (min-width: 1024px) {
-            padding-left: calc(190px + 3rem);
-          }
+            @media (min-width: 1024px) {
+                padding-left: calc(190px + 3rem);
+            }
         }
     }
 

src/lib/layout/shell.svelte

@@ -306,9 +306,9 @@
         }
 
         @media (min-width: 1024px) {
-          :global(.console-container) {
-            padding-left: 45px; /* 255px - 210px */
-          }
+            :global(.console-container) {
+                padding-left: 45px; /* 255px - 210px */
+            }
         }
     }
 

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

@@ -6,5 +6,5 @@
 </script>
 
 <div class="databases-spreadsheet">
-    <Activity {...data} databasesMainScreen/>
+    <Activity {...data} databasesMainScreen />
 </div>

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

@@ -74,7 +74,12 @@
     });
 </script>
 
-<Cover adjustForSpreadsheet expanded animate collapsed={!$expandTabs} blocksize={$expandTabs ? '152px' : '90px'}>
+<Cover
+    adjustForSpreadsheet
+    expanded
+    animate
+    collapsed={!$expandTabs}
+    blocksize={$expandTabs ? '152px' : '90px'}>
     <svelte:fragment slot="header">
         <AnimatedTitle href={link} collapsed={!$expandTabs} style="margin-inline-start: -2.5rem;">
             {$table?.name}