smaller fixes

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

@@ -153,7 +153,8 @@
 				>
 					<input
 						value={database.version}
-						disabled={$status.database.isRunning || $status.service.initialLoading}
+						readonly
+						disabled={$status.database.isRunning || $status.database.initialLoading}
 						class:cursor-pointer={!$status.database.isRunning}
 					/></a
 				>

apps/ui/src/routes/destinations/[id]/_RemoteDocker.svelte

@@ -239,7 +239,6 @@
 			><input
 				value={destination.sshKey.name}
 				id="sshKey"
-				disabled
 				class="cursor-pointer hover:bg-coolgray-500"
 			/></a
 		>

apps/ui/src/routes/services/[id]/_Services/_Services.svelte

@@ -198,6 +198,7 @@
 					<input
 						value={service.version}
 						id="service"
+						readonly
 						disabled={$status.service.isRunning || $status.service.initialLoading}
 						class:cursor-pointer={!$status.service.isRunning}
 					/></a

apps/ui/src/routes/sources/[id]/_Github.svelte

@@ -66,11 +66,7 @@
 			});
 			const { organization, htmlUrl } = source;
 			const { fqdn } = settings;
-			const host = dev
+			const host = dev ? getAPIUrl() : fqdn ? fqdn : `http://${window.location.host}` || '';
-				? getAPIUrl()
-				: fqdn
-				? fqdn
-				: `http://${window.location.host}` || '';
 			const domain = getDomain(fqdn);
 
 			let url = 'settings/apps/new';
@@ -80,9 +76,7 @@
 				name: `coolify-${name}`,
 				url: host,
 				hook_attributes: {
-					url: dev
+					url: dev ? getWebhookUrl('github') : `${host}/webhooks/github/events`
-						? getWebhookUrl('github')
-						: `${host}/webhooks/github/events`
 				},
 				redirect_url: `${host}/webhooks/github`,
 				callback_urls: [`${host}/login/github/app`],
@@ -218,20 +212,24 @@
 						bind:value={source.apiUrl}
 					/>
 				</div>
-				<div class="grid grid-cols-2 items-center">
+				{#if selfHosted}
-					<label for="customPort" class="text-base font-bold text-stone-100">Custom SSH Port</label>
+					<div class="grid grid-cols-2 items-center">
-					<input
+						<label for="customPort" class="text-base font-bold text-stone-100"
-						name="customPort"
+							>Custom SSH Port</label
-						id="customPort"
+						>
-						disabled={!selfHosted}
+						<input
-						readonly={!selfHosted}
+							name="customPort"
-						required
+							id="customPort"
-						value={source.customPort}
+							disabled={!selfHosted}
-					/>
+							readonly={!selfHosted}
-					<Explainer
+							required
-						text="If you use a self-hosted version of Git, you can provide custom port for all the Git related actions."
+							value={source.customPort}
-					/>
+						/>
-				</div>
+						<Explainer
+							text="If you use a self-hosted version of Git, you can provide custom port for all the Git related actions."
+						/>
+					</div>
+				{/if}
 				<div class="grid grid-cols-2">
 					<div class="flex flex-col">
 						<label for="organization" class="pt-2 text-base font-bold text-stone-100"

apps/ui/src/routes/sources/[id]/_Gitlab.svelte

@@ -31,7 +31,7 @@
 			appSecret: null
 		};
 	}
-	$: selfHosted = source.htmlUrl !== 'https://gitlab.com' ;
+	$: selfHosted = source.htmlUrl !== 'https://gitlab.com';
 
 	onMount(() => {
 		oauthIdEl && oauthIdEl.focus();
@@ -228,20 +228,22 @@
 					bind:value={source.apiUrl}
 				/>
 			</div>
-			<div class="grid grid-cols-2 items-center">
+			{#if selfHosted}
-				<label for="customPort" class="text-base font-bold text-stone-100">Custom SSH Port</label>
+				<div class="grid grid-cols-2 items-center">
-				<input
+					<label for="customPort" class="text-base font-bold text-stone-100">Custom SSH Port</label>
-					name="customPort"
+					<input
-					id="customPort"
+						name="customPort"
-					disabled={!selfHosted}
+						id="customPort"
-					readonly={!selfHosted}
+						disabled={!selfHosted}
-					required
+						readonly={!selfHosted}
-					bind:value={source.customPort}
+						required
-				/>
+						bind:value={source.customPort}
-				<Explainer
+					/>
-					text="If you use a self-hosted version of Git, you can provide custom port for all the Git related actions."
+					<Explainer
-				/>
+						text="If you use a self-hosted version of Git, you can provide custom port for all the Git related actions."
-			</div>
+					/>
+				</div>
+			{/if}
 			<div class="grid grid-cols-2 items-start">
 				<div class="flex-col">
 					<label for="oauthId" class="pt-2 text-base font-bold text-stone-100"