Update data section background colours for a better loading experience

packages/builder/src/pages/builder/app/[application]/data/table/[tableId]/_components/ViewNavBar.svelte

@@ -328,6 +328,7 @@
     align-items: center;
     padding: 0 var(--spacing-xl);
     gap: 8px;
+    background: var(--background);
   }
   .nav__views {
     flex: 0 1 auto;

packages/builder/src/pages/builder/app/[application]/data/table/[tableId]/_layout.svelte

@@ -32,6 +32,6 @@
     margin: -28px -40px -40px -40px;
     display: flex;
     flex-direction: column;
-    background: var(--background);
+    background: var(--spectrum-global-color-gray-50);
   }
 </style>

packages/builder/src/pages/builder/app/[application]/data/table/[tableId]/v1/[viewName]/index.svelte

@@ -59,7 +59,6 @@
 <div class="view-v1">
   {#if view}
     <Table
-      title={decodeURI(name)}
       {schema}
       tableId={view.tableId}
       {data}
@@ -82,7 +81,7 @@
 
 <style>
   .view-v1 {
-    padding: var(--spacing-xl);
+    padding: 0 var(--spacing-xl);
   }
   i {
     font-size: var(--font-size-m);

packages/frontend-core/src/components/grid/layout/Grid.svelte

@@ -321,7 +321,7 @@
     width: 100%;
     height: 100%;
     background: var(--grid-background-alt);
-    opacity: 0.6;
+    opacity: 0.3;
   }
 
   /* Error */