fix(routes): ui from databases page

apps/ui/src/routes/databases/[id]/_Databases/_CouchDb.svelte

@@ -7,7 +7,7 @@
 <div class="flex space-x-1 py-5 font-bold">
 	<h1 class="title">CouchDB</h1>
 </div>
-<div class="space-y-2">
+<div class="space-y-2 lg:px-10">
 	<div class="grid grid-cols-2 items-center">
 		<label for="defaultDatabase" class="text-base font-bold text-stone-100"
 			>{$t('database.default_database')}</label

apps/ui/src/routes/databases/[id]/_Databases/_Databases.svelte

@@ -119,7 +119,7 @@
 				>
 			{/if}
 		</div>
-		<div class="grid gap-4 grid-cols-2 auto-rows-max">
+		<div class="grid gap-4 grid-cols-2 auto-rows-max lg:px-10">
 			<label for="name" class="text-base font-bold text-stone-100">{$t('forms.name')}</label>
 			<input
 				class="w-full"
@@ -202,22 +202,24 @@
 					{/if}</label
 				>
 			</div>
-			<CopyPasswordField
-				textarea={true}
-				placeholder={$t('forms.generated_automatically_after_start')}
-				isPasswordField={false}
-				id="url"
-				name="url"
-				readonly
-				disabled
-				value={publicLoading || loading ? 'Loading...' : generateUrl()}
-			/>
+			<div class="lg:px-10">
+				<CopyPasswordField
+					textarea={true}
+					placeholder={$t('forms.generated_automatically_after_start')}
+					isPasswordField={false}
+					id="url"
+					name="url"
+					readonly
+					disabled
+					value={publicLoading || loading ? 'Loading...' : generateUrl()}
+				/>
+			</div>
 		</div>
 	</form>
 	<div class="flex space-x-1 pb-5 font-bold">
 		<h1 class="title">{$t('application.features')}</h1>
 	</div>
-	<div class="grid gap-4 grid-cols-2 auto-rows-max">
+	<div class="grid gap-4 grid-cols-2 auto-rows-max lg:px-10">
 		<Setting
 			id="isPublic"
 			loading={publicLoading}

apps/ui/src/routes/databases/[id]/_Databases/_MariaDB.svelte

@@ -9,7 +9,7 @@
 <div class="flex space-x-1 py-5 font-bold">
 	<h1 class="title">MariaDB</h1>
 </div>
-<div class="space-y-2">
+<div class="space-y-2 lg:px-10">
 	<div class="grid grid-cols-2 items-center">
 		<label for="defaultDatabase" class="text-base font-bold text-stone-100"
 			>{$t('database.default_database')}</label

apps/ui/src/routes/databases/[id]/_Databases/_MongoDB.svelte

@@ -9,7 +9,7 @@
 <div class="flex space-x-1 py-5 font-bold">
 	<h1 class="title">MongoDB</h1>
 </div>
-<div class="space-y-2">
+<div class="space-y-2 lg:px-10">
 	<div class="grid grid-cols-2 items-center">
 		<label for="rootUser" class="text-base font-bold text-stone-100">{$t('forms.root_user')}</label>
 		<CopyPasswordField

apps/ui/src/routes/databases/[id]/_Databases/_MySQL.svelte

@@ -9,7 +9,7 @@
 <div class="flex space-x-1 py-5 font-bold">
 	<h1 class="title">MySQL</h1>
 </div>
-<div class="space-y-2">
+<div class="space-y-2 lg:px-10">
 	<div class="grid grid-cols-2 items-center">
 		<label for="defaultDatabase" class="text-base font-bold text-stone-100"
 			>{$t('database.default_database')}</label

apps/ui/src/routes/databases/[id]/_Databases/_PostgreSQL.svelte

@@ -9,7 +9,7 @@
 <div class="flex space-x-1 py-5 font-bold">
 	<h1 class="title">PostgreSQL</h1>
 </div>
-<div class="space-y-2">
+<div class="space-y-2 lg:px-10">
 	<div class="grid grid-cols-2 items-center">
 		<label for="defaultDatabase" class="text-base font-bold text-stone-100"
 			>{$t('database.default_database')}</label

apps/ui/src/routes/databases/[id]/_Databases/_Redis.svelte

@@ -9,7 +9,7 @@
 <div class="flex space-x-1 py-5 font-bold">
 	<h1 class="title">Redis</h1>
 </div>
-<div class="space-y-2">
+<div class="space-y-2 lg:px-10">
 	<div class="grid grid-cols-2 items-center">
 		<label for="dbUserPassword" class="text-base font-bold text-stone-100"
 			>{$t('forms.password')}