fix(web): Admin Settings banner/scrolling issue (#6839)

* Fixed settings page sizing causing scroll behavior when config message present

* Applied prettier to modified page

web/src/routes/admin/system-settings/+page.svelte

@@ -129,14 +129,17 @@
   ];
 </script>
 
-{#if $featureFlags.configFile}
-  <div class="mb-8 flex flex-row items-center gap-2 rounded-md bg-gray-100 p-3 dark:bg-gray-800">
+<div class="h-svh flex flex-col overflow-hidden">
+  {#if $featureFlags.configFile}
+    <div class="flex flex-row items-center gap-2 bg-gray-100 p-3 dark:bg-gray-800">
       <Icon path={mdiAlert} class="text-yellow-400" size={18} />
-    <h2 class="text-md text-immich-primary dark:text-immich-dark-primary">Config is currently set by a config file</h2>
+      <h2 class="text-md text-immich-primary dark:text-immich-dark-primary">
+        Config is currently set by a config file
+      </h2>
     </div>
-{/if}
+  {/if}
 
-<UserPageLayout title={data.meta.title} admin>
+  <UserPageLayout title={data.meta.title} admin>
     <div class="flex justify-end gap-2" slot="buttons">
       <LinkButton on:click={() => copyToClipboard(JSON.stringify(config, null, 2))}>
         <div class="flex place-items-center gap-2 text-sm">
@@ -171,4 +174,5 @@
         </section>
       </section>
     </AdminSettings>
-</UserPageLayout>
+  </UserPageLayout>
+</div>