Update datasource navigation to use new full width nav items

packages/builder/src/components/backend/DatasourceNavigator/DatasourceNavigator.svelte

@@ -110,7 +110,7 @@
 </script>
 
 {#if $database?._id}
-  <div class="hierarchy-items-container">
+  <div class="container">
     {#each enrichedDataSources as datasource, idx}
       <NavItem
         border={idx > 0}

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

@@ -23,10 +23,8 @@
   <div class="nav">
     <Tabs {selected} on:select={selectFirstDatasource}>
       <Tab title="Sources">
-        <div class="tab-content-padding">
-          <DatasourceNavigator />
-          <CreateDatasourceModal bind:modal />
-        </div>
+        <DatasourceNavigator />
+        <CreateDatasourceModal bind:modal />
       </Tab>
     </Tabs>
     <div
@@ -63,10 +61,6 @@
     display: contents;
   }
 
-  .tab-content-padding {
-    padding: 0 var(--spacing-xl);
-  }
-
   .nav {
     overflow-y: auto;
     background: var(--background);